Verve

The Sydney Edit

); const renderTabs = () => (

{['feed', 'agenda'].map(t => ( ))}

); const renderFilters = () => (

{(FILTERS || []).map(f => ( ))}

); const renderEventCard = (event, index) => { if (!event) return null; const isVisible = (visibleItems || []).includes(index); return (

{ setSelectedEvent(event); setView('detail'); }} style={{ marginBottom: 64, opacity: isVisible ? 1 : 0, transform: isVisible ? 'translateY(0)' : 'translateY(20px)', transition: 'all 1s cubic-bezier(0.2, 0.8, 0.2, 1)', cursor: 'pointer' }} >

{event.category}

{isAttending(event.id) && (

✓ RSVP'D

)}

{event.date} • {event.time}

{event.title}

{event.subtitle}

); }; const renderDetail = () => { if (!selectedEvent) return null; const ev = selectedEvent; return (

{ev.category}

{ev.title}

{ev.description}

LOCATION

{ev.location}

SCHEDULE

{ev.date} • {ev.time}

{(() => { const attendees = getAttendees(ev.id); return (

{(attendees || []).length > 0 && (

{(attendees || []).slice(0, 4).map((u, i) => (

0 ? -12 : 0, border: `2px solid ${color.bg}`, background: color.border, backgroundImage: u.avatarUrl ? `url(${u.avatarUrl})` : 'none', backgroundSize: 'cover', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '12px' }}> {!u.avatarUrl && '👤'}

))}

)}

{(attendees || []).length === 0 ? 'Be the first to RSVP' : `${attendees.length} attending`}

); })()}

{isMultiplayer && ( )}

); }; return (

{renderHeader()} {renderTabs()} {view === 'feed' && (

{renderFilters()}

{(filteredEvents || []).map((ev, i) => renderEventCard(ev, i))}

)} {view === 'agenda' && (

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

Your list is empty

Start curating your Sydney experience.

) : ( (savedEvents || []).map((ev, i) => renderEventCard(ev, i)) )}

)} {selectedEvent && renderDetail()}

); }