{/* LATEST NEWS rail */}

LATEST NEWS

11/13

{news.map((n, i) => (

{ onOpenGame && onOpenGame(); }} style={{ width: 270, flexShrink: 0, cursor: 'pointer', borderRadius: DS.r.md, overflow: 'hidden', background: '#15151B', border: `0.5px solid ${WVU.line}`, }}>

{n.dur}

{n.title}

{n.sub}

{n.age} · {n.likes} likes

))}

{/* Sponsor band */}

AMERICA FIRST

{/* TOP HEADLINES */}

TOP HEADLINES

{headlines.map((h, i) => (

{h.title}

{h.age} · {h.src}

))}

); } // ═══════════════════════════════════════════════════════════════════ // SCORES TAB — past results + season record + year dropdown // ═══════════════════════════════════════════════════════════════════ function TeamScoresTab({ schedule, sport, fireReward }) { const [year, setYear] = React.useState('2024'); const past = schedule.filter(g => g.past); const w = past.filter(g => g.won).length; const l = past.length - w; return (

{past.map(g => )}

); } function ScoreCard({ game, sport, fireReward }) { return (

{game.date} · {game.isHome ? 'HOME' : 'AWAY'}

game.themScore ? 'W' : 'L'}`} accent={WVU.gold} />

{game.usScore}

FINAL

{game.themScore}

fireReward({ pts: 75, reason: 'Watched highlights', label: '+75 pts' })} />

); } // ═══════════════════════════════════════════════════════════════════ // SCHEDULE TAB — upcoming + past, with live/today highlighting // ═══════════════════════════════════════════════════════════════════ function TeamScheduleTab({ schedule, sport, onOpenGameDay, fireReward }) { const [year, setYear] = React.useState('2024'); const w = schedule.filter(g => g.past && g.won).length; const l = schedule.filter(g => g.past && !g.won).length; // Schedule leads with upcoming/live games, then completed below. const upcoming = schedule.filter(g => !g.past); const completed = schedule.filter(g => g.past); return (

Upcoming

{upcoming.map(g => )}

Completed

{completed.map(g => )}

); } function UpcomingCard({ game, sport, onOpenGameDay, fireReward }) { const isNext = game.live; return (

{isNext ? '● UP NEXT · ' : ''}{game.date} · {game.isHome ? 'HOME' : 'AWAY'}

{game.time}

{game.isHome ? 'AT HOME' : 'ON THE ROAD'}

{isNext ? onOpenGameDay && onOpenGameDay('watch', null)} /> : fireReward({ pts: 50, reason: 'Saved for game day', label: '+50 pts' })} /> }

onOpenGameDay && onOpenGameDay('rewards', null)} />

); } // ═══════════════════════════════════════════════════════════════════ // STATS TAB — sport-specific table // ═══════════════════════════════════════════════════════════════════ function TeamStatsTab({ roster, sport, onOpenPlayer }) { const { players, schema } = roster; const [sortCol, setSortCol] = React.useState(null); let rows = players; if (sortCol != null) { rows = [...players].sort((a, b) => parseFloat(String(b.stats[sortCol]).replace(/[^0-9.]/g,'')) - parseFloat(String(a.stats[sortCol]).replace(/[^0-9.]/g,''))); } return (

Player {schema.label} Stats

{/* header */}

PLAYER

{schema.cols.map((c, i) => (

setSortCol(i)} style={{ fontFamily: DS.mono, fontSize: 10.5, fontWeight: 700, color: sortCol===i ? WVU.gold : WVU.creamDim, letterSpacing: '0.04em', textAlign: 'right', cursor: 'pointer' }}>{c}

))}

{rows.map((p, ri) => (

onOpenPlayer && onOpenPlayer(p, sport)} style={{ display: 'grid', gridTemplateColumns: `1.6fr repeat(${schema.cols.length}, 1fr)`, gap: 4, padding: '10px', alignItems: 'center', cursor: 'pointer', background: ri % 2 ? 'rgba(255,255,255,0.02)' : 'transparent', borderTop: `0.5px solid ${WVU.line}`, }}>

{p.name}

#{p.num} · {p.pos}

{p.stats.map((s, ci) => (

{s}

))}

); } // ═══════════════════════════════════════════════════════════════════ // ROSTER TAB — player cards // ═══════════════════════════════════════════════════════════════════ function TeamRosterTab({ roster, sport, onOpenPlayer }) { const { players } = roster; const [sort, setSort] = React.useState('num'); const sorted = [...players].sort((a, b) => sort === 'name' ? a.lastName.localeCompare(b.lastName) : a.num - b.num); return (

Sort:

{sorted.map(p => (

onOpenPlayer && onOpenPlayer(p, sport)} style={{ display: 'flex', alignItems: 'center', gap: 12, padding: 10, borderRadius: DS.r.md, cursor: 'pointer', background: '#15151B', border: `0.5px solid ${WVU.line}`, }}>

{p.num}

{p.name}

{p.pos} · {p.ht} · {p.wt} lb · {p.cls}

))}

); } // ═══════════════════════════════════════════════════════════════════ // STANDINGS TAB // ═══════════════════════════════════════════════════════════════════ function TeamStandingsTab({ standings, sport }) { return (

{WVU.conf} Standings

{['#','TEAM','W','L','PCT'].map((c, i) => (

1 ? 'center' : 'left' }}>{c}

))}

{standings.map((t, i) => { const mine = t.name === WVU.name || t.name === WVU.full; return (

{t.rank}

{t.name}

{t.w}

{t.l}

{t.pct}

); })}

); } // ─── Shared sub-components ─────────────────────────────────────────── function YearDropdown({ year, setYear }) { const [open, setOpen] = React.useState(false); const years = ['2024','2023','2022','2021']; return (

{open && (

{years.map(y => (

{ setYear(y); setOpen(false); }} style={{ padding: '10px 18px', cursor: 'pointer', fontFamily: DS.sans, fontSize: 13, fontWeight: y===year?800:600, color: y===year?WVU.gold:WVU.cream, background: y===year?'rgba(255,255,255,0.04)':'transparent' }}>{y}

))}

)}

); } function SeasonRecordCard({ w, l, sport, year }) { const conf = `${Math.max(0, w-2)}-${Math.max(0, l-1)}`; return (

{year} SEASON RECORD

{[['OVERALL', `${w}-${l}`], ['CONF', conf], ['STREAK', w > l ? `W${1+(w%4)}` : `L${1+(l%3)}`]].map(([k, v], i) => (

{v}

{k}

))}

); } function TeamMini({ name, record, accent, right }) { return (

{(name||'')[0]}

{name}

{record &&

{record}

}

); } function GameCTA({ label, onClick, highlight }) { return ( ); } function FilterChip({ label }) { return (

{label} ▾

); } Object.assign(window, { ScreenTeam });