{/* 🎉 CONFETTI OVERLAY */} {showConfetti && (

{Array.from({ length: 30 }).map((_, i) => (

{['✨', '🎊', '🟡', '🔷'][Math.floor(Math.random() * 4)]}

))}

)} {/* HEADER */}

UNSW Consulting Club

{/* STALL MARQUEE */}

Stall Location: {STALL_INFO.dates}, {STALL_INFO.location}, {STALL_INFO.hours} Stall Location: {STALL_INFO.dates}, {STALL_INFO.location}, {STALL_INFO.hours} Stall Location: {STALL_INFO.dates}, {STALL_INFO.location}, {STALL_INFO.hours}

{/* CONTACT PREFERENCE */}

Contact UCC via socials

The team is not taking direct in-app exec messages. Please reach out through Facebook or Instagram.

{/* 📅 EVENT REGISTRATION */}

{/* EVENT TABS */}

{EVENTS.map((event) => { const isSelected = event.id === selectedEventId; const eventRegs = registrations[event.id] || []; const userRegistered = eventRegs.some(r => r._user?.id === user.id); return ( ); })}

{/* Decorative Circle */}

{selectedEvent.title}

{selectedEvent.subtitle}

{selectedEvent.dateLabel} • {selectedEvent.location}

{/* COUNTDOWN TIMER */} {selectedEvent.isDateTBA ? (

Date and venue details will be announced soon.

) : ( (() => { const allUnits = [ { value: countdown.days, label: 'Days', key: 'days' }, { value: countdown.hours, label: 'Hrs', key: 'hours' }, { value: countdown.minutes, label: 'Min', key: 'minutes' }, { value: countdown.seconds, label: 'Sec', key: 'seconds' } ]; // Find first non-zero unit, but always show at least min + sec const firstNonZero = allUnits.findIndex(u => u.value > 0); const startIndex = firstNonZero === -1 ? 2 : Math.min(firstNonZero, 2); const visibleUnits = allUnits.slice(startIndex); return (

{visibleUnits.map((item) => (

{String(item.value).padStart(2, '0')}

{item.label}

))}

); })() )}

{isRegistered && (

)}

{/* ATTENDEES LIST */}

{(eventRegistrations || []).length > 0 ? ( <>

{(eventRegistrations || []).length} attending

{(eventRegistrations || []).map((reg, i) => (

reg._user?.handle && openProfile(reg._user.handle)} style={{ display: 'flex', alignItems: 'center', gap: 6, background: 'rgba(255,255,255,0.1)', borderRadius: 100, padding: '4px 10px 4px 4px', cursor: reg._user?.handle ? 'pointer' : 'default', animation: i === 0 && isRegistered ? 'slideIn 0.5s ease' : 'none' }} >

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

{reg._user?.displayName?.split(' ')[0] || 'Member'}

))}

) : (

Be the first to join!

)}

{/* 🔗 QUICK LINKS */}

Links

{(LINKS || []).map((link) => ( {link.icon} {link.label} ))}

{/* 🪪 MY UCC PASS (HOLOGRAPHIC) */}

My Membership

{/* Holographic Gradient Overlay */}

{!user.avatarUrl && (user.name?.[0] || 'Me')}

{user.displayName || 'Guest User'}

{user.handle ? `@${user.handle}` : 'Join us!'}

⚡ MEMBER SINCE '23

UCC PASS ID #{user.id ? (user.id || []).slice(-6).toUpperCase() : '000000'}

); }