{['matches', 'stats', 'watchlist'].map(tab => ( ))}

); const MatchCard = ({ match }) => { const isLive = match.status === 'live'; const isExpanded = expandedMatch === match.id; const cheerCount = cheers[match.id] || 0; return (

setExpandedMatch(isExpanded ? null : match.id)} style={{ ...neuOutset, padding: 20, marginBottom: 24, position: 'relative', overflow: 'hidden', transition: 'all 0.3s ease', transform: isExpanded ? 'scale(1.02)' : 'scale(1)' }} > {/* Header */}

{isLive && 🔴} {match.type.toUpperCase()} • {match.date}

{ e.stopPropagation(); toggleWatchlist(match.id); }}> {isFollowed(match.id) ? '💚' : '🤍'}

{/* Teams & Scores */}

{match.team1}

{isLive &&

{match.score1}

}

{match.team2}

{isLive &&

{match.score2}

}

{/* Summary / Venue */}

{match.overs || match.venue} {match.summary}

{/* Expanded Details */} {isExpanded && (

Win Prob

Aus 68%

Session

2/3

Run Rate

3.45

{/* Multiplayer Cheers */}

)}

); }; const PlayerCard = ({ player }) => { const followed = isFollowed(player.id); return (

{player.img}

{player.name}

{player.role}

{/* Stats Visualization - "Pulse" Bars */}

{Object.entries(player.stats || {}).map(([key, val]) => (

{key}

{val} {/* Decorative bar based on value roughly */}

))}

); }; const EmptyWatchlist = () => (

🏏

No Favorites Yet

Follow matches and players to see them here.

); // --- RENDER --- return (

{/* Header */}

OFFICIAL HUB

AUS CRICKET

{/* Share Button (Multiplayer Trigger) */}

{/* Tab Navigation */} {/* Scrollable Content */}

{/* MATCHES TAB */} {activeTab === 'matches' && (

{/* Live/Featured Match First */}

{(matches || []).find(m => m.status === 'live') ? 'LIVE ACTION' : 'UPCOMING'}

{(matches || []).map(match => ( ))}

)} {/* STATS TAB */} {activeTab === 'stats' && (

📈

Season Performance

Team Averages & Records

{(players || []).map(player => ( ))}

)} {/* WATCHLIST TAB */} {activeTab === 'watchlist' && (

{(watchlist || []).length === 0 ? : ( <>

{isMultiplayer ? `Shared with ${memberList.length} fans` : 'Your Personal Watchlist'}

{/* Filter matches in watchlist */} {(matches || []).filter(m => (watchlist || []).includes(m.id)).map(match => ( ))} {/* Filter players in watchlist */} {(players || []).filter(p => (watchlist || []).includes(p.id)).map(player => ( ))} )}

)}

{/* Active Members Indicator (Bottom) */} {(memberList || []).length > 0 && (

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

openProfile(m.handle)} style={{ width: 32, height: 32, borderRadius: '50%', background: m.avatarUrl ? `url(${m.avatarUrl})` : THEME.shadowDark, backgroundSize: 'cover', border: `2px solid ${THEME.bg}`, marginLeft: i > 0 ? -10 : 0, zIndex: (memberList || []).length - i, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 14, color: 'white', ...neuOutset // subtle 3d effect on avatars }} > {!m.avatarUrl && (m.displayName?.[0] || '?')}

))}

{(memberList || []).length === 1 ? 'Just you here' : `${memberList.length} fans active`}

)}

); }