The Living Room

UNSW Social Hub

{/* Presence Strip */}

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

(m.isMe || m.id === user.id) && setModal('status')} style={{ ...s.neu, minWidth: 100, padding: 16, textAlign: 'center', cursor: 'pointer', flexShrink: 0 }} >

{m.isMe ? status.emoji : (m.avatarUrl ?

: '👻')}

{m.name || m.displayName}

{m.isMe ? status.text : 'Lurking'}

))}

{/* Room List */}

Active Rooms

{(rooms || []).map(r => (

{ setRoomId(r.id); setView('room'); }} style={{ ...s.neu, padding: 20, display: 'flex', alignItems: 'center', gap: 16, cursor: 'pointer' }} >

{r.icon}

{r.title}

{r.type === 'confession' ? `${r.items?.length || 0} notes` : 'Tap to spin'}

➜

))}

{/* FAB */}

); const renderRoom = () => (

{activeRoom?.title}

{activeRoom?.type === 'confession' ? (

{(activeRoom.items || []).map(item => (

{item.text}

))}

setInput(e.target.value)} placeholder="Whisper something..." style={{ ...s.neuInset, flex: 1, padding: 16, fontSize: 16, outline: 'none', width: '100%' }} />

) : (

{activeRoom?.prompt}

)}

); const renderModal = () => (

{modal === 'status' ? (

Update Presence

{['🦁','😴','☕','📚','🍺'].map(e => ( ))}

setInput(e.target.value)} placeholder="Vibe check..." style={{ ...s.neuInset, width: '100%', padding: 16, fontSize: 16, outline: 'none' }} />

) : (

Spin Up a Room

)}

); // 🚀 MAIN RETURN return (

{view === 'home' ? renderHome() : renderRoom()} {modal && renderModal()}

); }