{/* HEADER */}

Club Aura

{isMultiplayer && (

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

0 ? -10 : 0, backgroundImage: m.avatarUrl ? `url(${m.avatarUrl})` : 'none', backgroundColor: '#E5E5E5', backgroundSize: 'cover', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 12 }} onClick={() => openProfile(m.handle)}> {!m.avatarUrl && (m.displayName?.[0] || 'U')}

))}

)}

🔍 setSearchQuery(e.target.value)} />

setView('browse')} > Browse All

setView('vibe')} > {isMultiplayer ? 'Our Vibe' : 'My Vibe'} {Object.keys(favorites || {}).length > 0 && `(${Object.keys(favorites).length})`}

{/* CLUB LIST */}

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

🍃

{view === 'vibe' ? 'No favorites yet. Go explore!' : 'No clubs found.'}

) : ( (filteredClubs || []).map(club => { const isFav = !!favorites[club.id]; return (

setSelectedClub(club)} >

{club.icon}

{club.name}

{club.category}

{isFav && view === 'vibe' && isMultiplayer && (

Added by {favorites[club.id].addedByName}

)}

); }) )}

{/* DETAIL MODAL */} {selectedClub && (

setSelectedClub(null)}>

e.stopPropagation()}>

{selectedClub.icon}

{selectedClub.name}

{selectedClub.category}

{selectedClub.description}

📧

)} {/* TOAST */} {toast && (

{toast.type === 'success' ? '✨' : 'ℹ️'} {toast.message}

)}

); }