GLITCH BAT

UNSW • CRICKET • VIBES

LVL {currentLevel}

{/* 7. SCROLLABLE CONTENT */}

{/* SCOREBOARD */}

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

setActiveMatchId(m.id)} style={{ minWidth: 260, padding: 16, background: activeMatchId === m.id ? 'rgba(0,0,0,0.6)' : 'rgba(0,0,0,0.3)', border: `2px solid ${activeMatchId === m.id ? colors.primary : colors.neonCyan}`, borderRadius: 4, position: 'relative', boxShadow: activeMatchId === m.id ? `0 0 15px ${colors.primary}66` : 'none', transition: 'all 0.2s ease' }}>

AUS VS {m.opponent}

{m.scoreAus}

{m.status} • {m.result}

{activeMatchId === m.id && (

{(m.highlights || []).map((h, i) =>

✨ {h}

)}

))}

{/* PLAYER SPOTLIGHT */}

PLAYER SPOTLIGHT

{pinnedPlayer.avatar}

{pinnedPlayer.name}

{pinnedPlayer.role}

{pinnedPlayer.stats}

{/* FAN-O-METER */}

FANDOM LEVEL {currentLevel} {Math.floor(progressToNext)}%

{/* Grid lines on bar */}

{/* ACTIVITY LOG */}

RECENT ACTIVITY

{(fandomLogs || []).slice().reverse().slice(0, 5).map((log) => (

{log.type === 'CHEER' ? '📢' : log.type === 'WATCH' ? '📺' : '🛍️'} {log.user.displayName} {log.label} +{log.xp}XP

))} {(fandomLogs || []).length === 0 && (

No logs yet. Be the first!

)}

{/* 8. ACTIONS BAR */}

{/* 9. MODALS */} {/* LOG MENU MODAL */} {showLogMenu && (

setShowLogMenu(false)}>

e.stopPropagation()}>

SELECT ACTION

)} {/* PLAYER GRID MODAL */} {showPlayerGrid && (

SELECT PLAYER

{(SAMPLE_PLAYERS || []).map(p => (

updatePinnedPlayer(p)} style={{ background: 'rgba(255,255,255,0.05)', padding: 10, borderRadius: 8, textAlign: 'center', cursor: 'pointer', border: pinnedPlayer.id === p.id ? `1px solid ${colors.primary}` : '1px solid transparent' }}>

{p.avatar}

{p.name}

))}

)}

); } // Helper styles const menuButtonStyle = { background: 'transparent', color: '#fff', padding: '16px', border: '2px solid', fontSize: '16px', fontWeight: 'bold', cursor: 'pointer', fontFamily: 'monospace', textTransform: 'uppercase', boxShadow: '0 0 10px rgba(0,0,0,0.5)', display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' };