USYD Y3K

O-WEEK HUB

🔥 WELCOME FRESHERS! GRAB YOUR FREE MERCH AT THE QUAD 🔥 JOIN THE CYBER SOC DISCORD 🔥

{!user?.avatarUrl && '👤'}

{user?.name || 'Guest'}

{user?.handle ? '@' + user.handle : 'FRESHER'}

VIP PASS

ID: {user?.id?.slice(0,8) || '00000000'} UNIV OF SYDNEY

⚡ UPCOMING EVENTS

{(EVENTS || []).map(e => ( ))}

{selectedEvent.title}

📍 {selectedEvent.loc} • ⏰ {selectedEvent.time}

{selectedEvent.desc}

ATTENDEES ({(currentRegs || []).length})

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

Be the first to join the hype!

) : ( (currentRegs || []).map((r, i) => (

r._user?.handle && openProfile(r._user.handle)} style={{ display: 'flex', alignItems: 'center', gap: '6px', background: '#222', padding: '4px 10px 4px 4px', borderRadius: '20px', animation: 'pop 0.3s ease-out', cursor: r._user?.handle ? 'pointer' : 'default', border: '1px solid #333' }}>

{!r._user?.profileImageUrl && (r._user?.displayName?.[0] || 'U')}

{r._user?.displayName?.split(' ')[0] || 'User'}

)) )}

{/* Reactions Section */}

REACT

{(EMOJI_OPTIONS || []).map(emoji => { const usersWhoReacted = currentReactions[emoji] || []; const hasReacted = (usersWhoReacted || []).includes(user?.id); return ( ); })}

{/* Comments Section */}

COMMENTS ({(currentComments || []).length})

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

No comments yet. Start the hype!

) : ( (currentComments || []).map(c => (

{!c._user?.profileImageUrl && (c._user?.displayName?.[0] || 'U')}

{c._user?.displayName || 'User'} {new Date(c._timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}

{c.text}

)) )}

setNewComment(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && addComment()} placeholder="Drop a comment..." style={{ flex: 1, background: '#111', border: '1px solid #333', borderRadius: '20px', padding: '10px 16px', color: '#fff', fontSize: '16px', outline: 'none' }} />

👥 O-WEEK CREW

{(memberList || []).length} member{(memberList || []).length !== 1 ? 's' : ''} • {totalRegs} total registration{totalRegs !== 1 ? 's' : ''}

{(memberList || []).map((m, i) => { const mId = m?.id; const mName = m?.displayName || m?.name || 'Member'; const mHandle = m?.handle; const mAvatar = m?.avatarUrl || m?.profileImageUrl; const mRegCount = Object.values(regs || {}).filter(arr => (arr ?? []).some(r => r._user?.id === mId)).length; return (

mHandle && openProfile(mHandle)} style={{ display: 'flex', alignItems: 'center', gap: '12px', padding: '10px', borderRadius: '12px', background: '#1a1a1a', border: '1px solid #222', cursor: mHandle ? 'pointer' : 'default', transition: 'background 0.2s' }}>

{!mAvatar && (mName?.[0] || 'U')}

{mName}

{mHandle ? '@' + mHandle : ''}{mRegCount > 0 ? ' • ' + mRegCount + ' event' + (mRegCount !== 1 ? 's' : '') : ''}

{mId === user?.id &&

YOU

}

); })}

); }