UNSW College

🦁

{/* 🔗 QUICK LINKS */}

{[ { label: 'Website', icon: '🌐', url: 'https://www.unswcollege.edu.au' }, { label: 'Instagram', icon: '📸', url: 'https://www.instagram.com/unswcollege/' } ].map(link => ( {link.icon} {link.label} ))}

{/* 📰 EVENTS FEED */}

Campus Buzz ⚡

{isMultiplayer && (

🟢 {(memberList || []).length} Online

)}

{(events || []).map(event => { const isExpanded = expandedId === event.id; const dateParts = formatDate(event.date); const attendees = event.attendees ?? []; const isAttending = (attendees || []).includes(user.id); // Get avatars of attendees const attendeeAvatars = (attendees || []).map(id => { const m = (memberList || []).find(m => m.id === id); return m ? m.avatarUrl : null; }).filter(Boolean).slice(0, 4); return (

setExpandedId(isExpanded ? null : event.id)} className="hover-scale" style={{ background: THEME.card, borderRadius: 20, padding: 16, boxShadow: '0 4px 24px rgba(0,0,0,0.04)', border: isAttending ? `2px solid ${THEME.primary}` : '1px solid rgba(0,0,0,0.05)', cursor: 'pointer', transition: 'all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)' }} >

{/* 📅 DATE BADGE */}

{dateParts.month} {dateParts.day}

{/* 📝 CONTENT */}

{event.title}

📍 {event.location}

⏰ {dateParts.time}

{/* 📂 EXPANDED DETAILS */} {isExpanded && (

{event.description}

{/* ACTION ROW */}

{/* ATTENDEES PILE */}

{(attendeeAvatars || []).length > 0 ? (

{(attendeeAvatars || []).map((url, i) => (

0 ? -12 : 0, background: `url(${url}) center/cover no-repeat #eee`, boxShadow: '0 2px 4px rgba(0,0,0,0.1)' }} /> ))} {(attendees || []).length > 4 && (

+{(attendees || []).length - 4}

)}

) : ( Be the first to join! )} {(attendees || []).length > 0 && Going}

{/* COUNT ME IN BUTTON */}

)} {/* PREVIEW OF ATTENDEES (When not expanded) */} {!isExpanded && (attendees || []).length > 0 && (

{(attendeeAvatars || []).slice(0, 3).map((url, i) => (

0 ? -6 : 0, background: `url(${url}) center/cover no-repeat #eee` }} /> ))}

{(attendees || []).length} {(attendees || []).length === 1 ? 'person' : 'people'} going

)}

); })}

{/* 🦶 FOOTER */}

); }