{['home', 'rooms', 'people', 'profile'].map(view => ( ))}

); const EnergyMeter = ({ value, onClick, size = 'large' }) => (

{[ { level: 3, label: 'Social & Ready', color: '#10B981', emoji: '⚡' }, { level: 2, label: 'Warming Up', color: UNSW_GOLD, emoji: '🌤️' }, { level: 1, label: 'Low Battery', color: '#6366F1', emoji: '🔋' } ].map((lvl) => ( ))}

); // --- Views --- if (currentView === 'home') { return (

🦁

SHYLAUNCH

The quiet network for UNSW students.
Connection without the chaos.

How are you feeling today?

{energyLevel && ( )}

); } if (currentView === 'intent') { return (

What are you looking for?

Set your intent to match with others.

{(INTENTS || []).map(intent => ( ))}

); } if (currentView === 'rooms') { const activeRoom = (rooms || []).find(r => r.members?.some(m => m.id === user.id)); return (

Campus Spots UNSW

{activeRoom && (

{ setSelectedRoom(activeRoom.id); setCurrentView('room'); }} style={{ padding: 16, background: 'linear-gradient(45deg, #FFCC00, #F59E0B)', borderRadius: 16, marginBottom: 24, display: 'flex', alignItems: 'center', gap: 16, color: 'black', cursor: 'pointer' }}>

{activeRoom.emoji}

Current Room

{activeRoom.name}

→

)}

{(rooms || []).map(room => { const isFull = (room.members?.length || 0) >= room.maxSize; const myRoom = activeRoom?.id === room.id; return (

{room.emoji}

{room.name}

{room.vibe.toUpperCase()} • {room.energy === 'low' ? 'Quiet' : room.energy === 'medium' ? 'Chill' : 'Lively'}

{room.members?.length || 0}/{room.maxSize}

{room.description}

{(room.members || []).map((m, i) => (

0 ? -10 : 0, overflow: 'hidden' }}> {m.avatar ?

👤

}

))}

{!myRoom && ( )}

); })}

); } if (currentView === 'room' && selectedRoom) { const room = (rooms || []).find(r => r.id === selectedRoom); if (!room) return setCurrentView('rooms'); const roomMessages = (messages || []).filter(m => m.roomId === selectedRoom); const amIMember = room.members?.some(m => m.id === user.id); return (

{/* Header */}

{room.name}

{room.members?.length || 0} online

{/* Chat Area */}

{room.emoji}

Welcome to {room.name}.
Be kind, be shy, be you.

{(roomMessages || []).map(msg => (

{msg.userId === user.id ? 'You' : msg.userName}

{msg.text}

))}

{/* Input Area */} {amIMember ? ( ) : (

)}

); } if (currentView === 'people') { return (

Discover

Other students around campus.

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

🔭

No one else is online right now.
Check back soon!

) : (activeMembers || []).map(m => (

e.target.style.display='none'} />

{m.displayName || 'Student'}

{m.handle ? `@${m.handle}` : 'Exploring'}

{m.handle && }

))}

); } // Profile View if (currentView === 'profile') { return (

{user.name}

@{user.handle}

⚡

Energy

{energyLevel === 3 ? 'High' : energyLevel === 2 ? 'Medium' : energyLevel === 1 ? 'Low' : '-'}

🎯

Intent

{(INTENTS || []).find(i => i.id === userIntent)?.label || '-'}

); } return null; // Styles function getStyles() { return { containerStyle: { minHeight: '100dvh', background: DARK_BG, color: 'white', fontFamily: '-apple-system, BlinkMacSystemFont, sans-serif', display: 'flex', flexDirection: 'column' }, primaryBtnStyle: { width: '100%', padding: 16, borderRadius: 16, background: UNSW_GOLD, color: 'black', border: 'none', fontSize: 16, fontWeight: 700, cursor: 'pointer' }, backBtnStyle: { background: 'none', border: 'none', color: '#888', fontSize: 16, marginBottom: 16, padding: 0, cursor: 'pointer' } }; } } // Helpers handled inside component for variable access