THE MOVE ⚡

{/* Live Pulse Ticker */}

{(parties || []).length} Moves Happening

{(memberList || []).length} squad online

{/* Active Filters */}

{['All', 'Rager', 'Darty', 'Chill', 'Club'].map((v) => ( ))}

{/* Main List Area */}

{(filteredParties || []).length === 0 ? (

🛸

No active moves in sight

UMich and @ny26 summer squad are resting. Be the legend to pin the first move tonight!

) : (

{(filteredParties || []).map((p) => { const myId = user?.id || 'solo_user'; const isGoing = Array.isArray(p.rsvps) && (p.rsvps || []).includes(myId); const rsvpCount = Array.isArray(p.rsvps) ? (p.rsvps || []).length : 0; const isSquadLinkUp = rsvpCount >= 5; return (

{/* Squad Link Up Badge */} {isSquadLinkUp && (

🚨 SQUAD LINK UP APPROVED! 🍻

)} {/* Header line of card */}

{p.vibe === 'Rager' ? '🔥 Rager' : p.vibe === 'Darty' ? '☀️ Darty' : p.vibe === 'Chill' ? '🍻 Chill' : '🎵 Club'} 📍 {p.location}

{/* Title */}

{p.title}

{/* Time */}

🕒 {p.time}

{/* Live Photos Carousels */} {Array.isArray(p.photos) && (p.photos || []).length > 0 && (

LIVE VIBE CHECK (LAST PHOTO {new Date(p.photos[0].timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})})

{(p.photos || []).slice(0, 1).map((photo, index) => (

👤 {photo.uploadedBy}

))}

)} {/* Roll Call avatars */}

Roll Call ({rsvpCount})

{/* Gather actual RSVP member details if exists */} {(memberList || []).filter(m => p.rsvps?.includes(m.id)).slice(0, 5).map((m, idx) => (

m.handle && openProfile(m.handle)} style={{ width: 26, height: 26, borderRadius: '50%', background: m.avatarUrl ? `url(${m.avatarUrl})` : '#374151', backgroundSize: 'cover', border: '2px solid #1F2937', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, cursor: 'pointer' }} title={m.displayName} > {!m.avatarUrl && '👤'}

))} {rsvpCount > 5 && (

+{rsvpCount - 5}

)}

Posted by @{p.creatorHandle}

{/* Action Hub */}

); })}

)}

{/* Add Move Floating Button / Panel Trigger */} {!isAdding && ( )} {/* Add Move Bottom Sheet */} {isAdding && (

{/* Pull Bar */}

🚀 DROP THE FLYER

THE MOVE / PARTY TITLE setNewTitle(e.target.value)} placeholder="e.g. SKEPS TAKEOVER or 14th St Roof Darty" style={{ width: '100%', height: 52, borderRadius: 12, background: '#111827', border: '1px solid #374151', color: '#FFF', padding: '0 16px', fontSize: 16, boxSizing: 'border-box' }} />

LOCATION / ADDRESS setNewLocation(e.target.value)} placeholder="e.g. East Village Penthouse or Skeeps AA" style={{ width: '100%', height: 52, borderRadius: 12, background: '#111827', border: '1px solid #374151', color: '#FFF', padding: '0 16px', fontSize: 16, boxSizing: 'border-box' }} />

TIME setNewTime(e.target.value)} style={{ width: '100%', height: 52, borderRadius: 12, background: '#111827', border: '1px solid #374151', color: '#FFF', padding: '0 12px', fontSize: 15, boxSizing: 'border-box' }} />

VIBE SELECT

)} {/* Floating elements animation container */}

{(floatingFires || []).map(fire => (

🔥

))}

{/* Global CSS for Animations */}

); }