{[...Array(30)].map((_, i) => { const colors = ['#FFD100', '#00A6CE', '#862633', '#007A53']; const color = colors[Math.floor(Math.random() * (colors || []).length)]; const left = `${Math.random() * 100}%`; const animDuration = `${1 + Math.random() * 2}s`; const animDelay = `${Math.random() * 0.5}s`; return (

); })}

); }; const renderMatchCard = (profile) => { const isConnecting = connectingId === profile.id; return (

{isConnecting && (

💬✨💬

Connecting...

)}

profile.handle && typeof openProfile === 'function' ? openProfile(profile.handle) : null} > {profile.avatar || '👤'}

{profile.name} {profile.isDemo && Demo}

📍 {profile.city}

🎓 {profile.course}

); }; return (

🌏 Arrival Hub

Welcome to UNSW! Find your people.

👋 Arrival Crew {(memberList || []).length}

{(memberList || []).map((m) => ( ))}

Recent activity

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

No activity yet — be the first to introduce yourself! ✨

) : (

{(activityFeed || []).map((entry) => (

{entry?._user?.displayName || 'Someone'}{' '} {entry.message}

{entry._timestamp ? new Date(entry._timestamp).toLocaleDateString(undefined, { month: 'short', day: 'numeric' }) : ''}

))}

)}

My Arrival Profile

{!isEditing && myProfile && ( )}

{isEditing ? (

Display Name setDraft({...draft, name: e.target.value})} onFocus={() => setActiveField('name')} onBlur={() => setActiveField(null)} placeholder="What should we call you?" />

Arrival Date setDraft({...draft, date: e.target.value})} onFocus={() => setActiveField('date')} onBlur={() => setActiveField(null)} />

Home City & Country setDraft({...draft, city: e.target.value})} onFocus={() => setActiveField('city')} onBlur={() => setActiveField(null)} placeholder="e.g., Tokyo, Japan" />

Course / Degree setDraft({...draft, course: e.target.value})} onFocus={() => setActiveField('course')} onBlur={() => setActiveField(null)} placeholder="e.g., Master of IT" />

) : (

Name

{myProfile?.name}

Arriving

{myProfile?.date ? new Date(myProfile.date).toLocaleDateString() : 'N/A'}

From

{myProfile?.city}

Course

{myProfile?.course}

)}

{recentlySaved && (

🎉 New Matches Found based on your profile!

)}

✈️ Airport Buddies

{(airportBuddies || []).length > 0 ? ( (airportBuddies || []).map(renderMatchCard) ) : (

No buddies arriving on the same day yet. Check back soon!

)}

🌆 City Connections

{(cityConnections || []).length > 0 ? ( (cityConnections || []).map(renderMatchCard) ) : (

No connections from your area yet.

)}

📚 Coursemates

{(courseMates || []).length > 0 ? ( (courseMates || []).map(renderMatchCard) ) : (

No coursemates found yet.

)}

); }