☕ Study Spots

{isMultiplayer ? 'Campus favorites, together.' : 'Your personal cozy map.'}

{(memberList || []).slice(0, 3).map((m, i) => (

m.handle && openProfile && openProfile(m.handle)} style={{ width: 32, height: 32, borderRadius: 16, border: `2px solid ${theme.bg}`, marginLeft: -12, backgroundColor: theme.accentLight, backgroundImage: `url(${m.avatarUrl})`, backgroundSize: 'cover', backgroundPosition: 'center', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: m.handle ? 'pointer' : 'default', zIndex: i }}> {!m.avatarUrl && 👤}

))}

{typeof share === 'function' && ( )}

{/* LEADERBOARD / LIST */}

{(leaderboard || []).map((cafe, index) => { const isFirst = index === 0 && cafe.avgScore > 0; const isHighlighted = cafe.id === highlightedId; return (

{cafe.isDemo && (

DEMO

)}

{cafe.name} {isFirst && 👑}

📍 {cafe.location || 'Campus'}

{cafe.avgScore ? cafe.avgScore.toFixed(1) : '-'}

⭐ ({cafe.numRates})

Top Vibe:

{cafe.topVibe}

); })}

{/* FAB */} {/* ADD CAFE MODAL */} {isAddModalOpen && (

setIsAddModalOpen(false)}>

e.stopPropagation()} >

Add a new spot

Cafe Name setNewCafeName(e.target.value)} placeholder="e.g. Library Cafe" style={{ width: '100%', padding: 16, borderRadius: 16, border: `2px solid ${theme.border}`, fontSize: 16, backgroundColor: theme.cardBg, boxSizing: 'border-box' }} />

Location setNewCafeLocation(e.target.value)} placeholder="e.g. 2nd Floor East Wing" style={{ width: '100%', padding: 16, borderRadius: 16, border: `2px solid ${theme.border}`, fontSize: 16, backgroundColor: theme.cardBg, boxSizing: 'border-box' }} />

)} {/* RATE CAFE MODAL */} {ratingCafeId && (

setRatingCafeId(null)}>

e.stopPropagation()} >

How was it?

Tap a vibe to rate

{[ { icon: '📚', label: 'Study', score: 4 }, { icon: '☕', label: 'Social', score: 4 }, { icon: '✨', label: 'Vibes', score: 5 }, { icon: '🔌', label: 'Work', score: 3 }, { icon: '🌿', label: 'Patio', score: 5 } ].map((vibe, i) => ( ))}

)}

); }