a2:I[903690,["/chat-static/_next/static/immutable/chunks/3bg7pqxhdviez.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/0yd-wg2ebd1vn.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/2nboxcmsh_5q6.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/1tstx59bqt4rl.js","/chat-static/_next/static/immutable/chunks/3-0pwzytsci-j.js","/chat-static/_next/static/immutable/chunks/0y_5ahutztffw.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3mlb4bu1798-_.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/0spguaj-i7-94.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3j-qn75uo1qjx.js","/chat-static/_next/static/immutable/chunks/28tr-ngatxyc5.js","/chat-static/_next/static/immutable/chunks/01o066pa1p8vb.js","/chat-static/_next/static/immutable/chunks/1b-u_sfx8mzm1.js","/chat-static/_next/static/immutable/chunks/3m1-m5aogt7hg.js","/chat-static/_next/static/immutable/chunks/0jcz_s1fog7y5.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/3kwlhjubleic_.js","/chat-static/_next/static/immutable/chunks/3br2ppaghseiy.js","/chat-static/_next/static/immutable/chunks/11ai5hpdcl4mv.js","/chat-static/_next/static/immutable/chunks/3gfu7t-vdzkkw.js","/chat-static/_next/static/immutable/chunks/3htb-ktp-nv2r.js","/chat-static/_next/static/immutable/chunks/3e54blq6di9a_.js","/chat-static/_next/static/immutable/chunks/39xww5dkqchkn.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/25-knujh-1qd2.js","/chat-static/_next/static/immutable/chunks/0u66abtmkji80.js","/chat-static/_next/static/immutable/chunks/056vsb1ezpj9s.js","/chat-static/_next/static/immutable/chunks/0ilzxtsq9fh87.js","/chat-static/_next/static/immutable/chunks/2hcu2vwlgl42r.js","/chat-static/_next/static/immutable/chunks/03vootpy5od08.js","/chat-static/_next/static/immutable/chunks/134ehnx7ej5hm.js"],"ExplicitChatIdProvider"] a3:I[838238,["/chat-static/_next/static/immutable/chunks/3bg7pqxhdviez.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/0yd-wg2ebd1vn.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/2nboxcmsh_5q6.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/1tstx59bqt4rl.js","/chat-static/_next/static/immutable/chunks/3-0pwzytsci-j.js","/chat-static/_next/static/immutable/chunks/0y_5ahutztffw.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3mlb4bu1798-_.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/0spguaj-i7-94.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3j-qn75uo1qjx.js","/chat-static/_next/static/immutable/chunks/28tr-ngatxyc5.js","/chat-static/_next/static/immutable/chunks/01o066pa1p8vb.js","/chat-static/_next/static/immutable/chunks/1b-u_sfx8mzm1.js","/chat-static/_next/static/immutable/chunks/3m1-m5aogt7hg.js","/chat-static/_next/static/immutable/chunks/0jcz_s1fog7y5.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/3kwlhjubleic_.js","/chat-static/_next/static/immutable/chunks/3br2ppaghseiy.js","/chat-static/_next/static/immutable/chunks/11ai5hpdcl4mv.js","/chat-static/_next/static/immutable/chunks/3gfu7t-vdzkkw.js","/chat-static/_next/static/immutable/chunks/3htb-ktp-nv2r.js","/chat-static/_next/static/immutable/chunks/3e54blq6di9a_.js","/chat-static/_next/static/immutable/chunks/39xww5dkqchkn.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/25-knujh-1qd2.js","/chat-static/_next/static/immutable/chunks/0u66abtmkji80.js","/chat-static/_next/static/immutable/chunks/056vsb1ezpj9s.js","/chat-static/_next/static/immutable/chunks/0ilzxtsq9fh87.js","/chat-static/_next/static/immutable/chunks/2hcu2vwlgl42r.js","/chat-static/_next/static/immutable/chunks/03vootpy5od08.js","/chat-static/_next/static/immutable/chunks/134ehnx7ej5hm.js"],"SWRDataProvider"] a5:Tcf393,Exact Score — Football Prediction Tracker

EXACT SCORE

Predict · Track · Compete

#3 of 7

Exact hits

This round

Open picks

League table

Kojo Mensah

Sofia Marino

You

4
Lena Fischer
6 exact · 21 played
33
5
Diego Torres
5 exact · 22 played
29
6
Yuki Tanaka
4 exact · 20 played
24
7
Omar Haddad
3 exact · 22 played
19

a6:[] a7:[["b_C1phGlo02Q7",null],["b_3ChcNkfVogJ",null],["b_5JoeR1MIIyk",null],["b_d2SPkNISGtF",null],["b_yhRzgxui3S9",null],["b_Ff4RMZLDgBP",null],["b_HqY0OiJHyHe",null],["b_AY1jUDsbcp4",null],["b_wfwnt1PW8NY",null],["b_Gfn1qGqDYwI",null],["b_E04c319rzQR",null],["b_Syodzg6QJqG",null],["b_MFGwvBqPjdv",null],["b_wS2vgoqlFBR",null],["b_HzA0eeRgHRm",null],["b_ksiDjmVezNy",null],["b_CI3nvudChGQ",null]] a8:[["b_C1phGlo02Q7",{"templateVersionId":null,"templateCanonId":null}],["b_3ChcNkfVogJ",{"templateVersionId":null,"templateCanonId":null}],["b_5JoeR1MIIyk",{"templateVersionId":null,"templateCanonId":null}],["b_d2SPkNISGtF",{"templateVersionId":null,"templateCanonId":null}],["b_yhRzgxui3S9",{"templateVersionId":null,"templateCanonId":null}],["b_Ff4RMZLDgBP",{"templateVersionId":null,"templateCanonId":null}],["b_HqY0OiJHyHe",{"templateVersionId":null,"templateCanonId":null}],["b_AY1jUDsbcp4",{"templateVersionId":null,"templateCanonId":null}],["b_wfwnt1PW8NY",{"templateVersionId":null,"templateCanonId":null}],["b_Gfn1qGqDYwI",{"templateVersionId":null,"templateCanonId":null}],["b_E04c319rzQR",{"templateVersionId":null,"templateCanonId":null}],["b_Syodzg6QJqG",{"templateVersionId":null,"templateCanonId":null}],["b_MFGwvBqPjdv",{"templateVersionId":null,"templateCanonId":null}],["b_wS2vgoqlFBR",{"templateVersionId":null,"templateCanonId":null}],["b_HzA0eeRgHRm",{"templateVersionId":null,"templateCanonId":null}],["b_ksiDjmVezNy",{"templateVersionId":null,"templateCanonId":null}],["b_CI3nvudChGQ",{"templateVersionId":null,"templateCanonId":null}]] a9:[["b_C1phGlo02Q7","$D2026-08-06T07:31:58.769Z"],["b_3ChcNkfVogJ","$D2026-08-06T07:32:10.879Z"],["b_5JoeR1MIIyk","$D2026-08-06T07:32:15.630Z"],["b_d2SPkNISGtF","$D2026-08-06T07:32:24.227Z"],["b_yhRzgxui3S9","$D2026-08-06T07:32:27.163Z"],["b_Ff4RMZLDgBP","$D2026-08-06T07:32:31.039Z"],["b_HqY0OiJHyHe","$D2026-08-06T07:32:39.739Z"],["b_AY1jUDsbcp4","$D2026-08-06T07:32:45.661Z"],["b_wfwnt1PW8NY","$D2026-08-06T07:32:48.847Z"],["b_Gfn1qGqDYwI","$D2026-08-06T07:32:55.039Z"],["b_E04c319rzQR","$D2026-08-06T07:33:15.461Z"],["b_Syodzg6QJqG","$D2026-08-06T07:33:19.368Z"],["b_MFGwvBqPjdv","$D2026-08-06T07:33:25.452Z"],["b_wS2vgoqlFBR","$D2026-08-06T07:33:29.482Z"],["b_HzA0eeRgHRm","$D2026-08-06T07:33:40.153Z"],["b_ksiDjmVezNy","$D2026-08-06T07:33:51.355Z"],["b_CI3nvudChGQ","$D2026-08-06T07:34:01.671Z"]] aa:[["b_C1phGlo02Q7",false],["b_3ChcNkfVogJ",false],["b_5JoeR1MIIyk",false],["b_d2SPkNISGtF",false],["b_yhRzgxui3S9",false],["b_Ff4RMZLDgBP",false],["b_HqY0OiJHyHe",false],["b_AY1jUDsbcp4",false],["b_wfwnt1PW8NY",false],["b_Gfn1qGqDYwI",false],["b_E04c319rzQR",false],["b_Syodzg6QJqG",false],["b_MFGwvBqPjdv",false],["b_wS2vgoqlFBR",false],["b_HzA0eeRgHRm",false],["b_ksiDjmVezNy",false],["b_CI3nvudChGQ",false]] ab:[["b_C1phGlo02Q7",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_3ChcNkfVogJ",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_5JoeR1MIIyk",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_d2SPkNISGtF",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_yhRzgxui3S9",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_Ff4RMZLDgBP",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_HqY0OiJHyHe",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_AY1jUDsbcp4",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_wfwnt1PW8NY",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_Gfn1qGqDYwI",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_E04c319rzQR",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_Syodzg6QJqG",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_MFGwvBqPjdv",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_wS2vgoqlFBR",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_HzA0eeRgHRm",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_ksiDjmVezNy",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"}}],["b_CI3nvudChGQ",{"git":{"ref":"main","sha":"03580ad63af3e123092aca8754be1d6b0eafe737","type":"github","repoId":0,"repoName":"v0-1-team_4UEdpDoB6YTQ3i1OvwToAVA3-f3Lb70QUTby","ownerName":"v0-git-s3-storage","commitMessage":"feat: update color scheme and add custom fonts in global styles"},"deploymentId":"dpl_3TG6qyuBaqQb2tz6P1cHs6zBLsE8","showV0Button":true}]] ac:[["b_C1phGlo02Q7",null],["b_3ChcNkfVogJ",null],["b_5JoeR1MIIyk",null],["b_d2SPkNISGtF",null],["b_yhRzgxui3S9",null],["b_Ff4RMZLDgBP",null],["b_HqY0OiJHyHe",null],["b_AY1jUDsbcp4",null],["b_wfwnt1PW8NY",null],["b_Gfn1qGqDYwI",null],["b_E04c319rzQR",null],["b_Syodzg6QJqG",null],["b_MFGwvBqPjdv",null],["b_wS2vgoqlFBR",null],["b_HzA0eeRgHRm",null],["b_ksiDjmVezNy",null],["b_CI3nvudChGQ",null]] ad:[["b_C1phGlo02Q7",true],["b_3ChcNkfVogJ",true],["b_5JoeR1MIIyk",true],["b_d2SPkNISGtF",true],["b_yhRzgxui3S9",true],["b_Ff4RMZLDgBP",true],["b_HqY0OiJHyHe",true],["b_AY1jUDsbcp4",true],["b_wfwnt1PW8NY",true],["b_Gfn1qGqDYwI",true],["b_E04c319rzQR",true],["b_Syodzg6QJqG",true],["b_MFGwvBqPjdv",true],["b_wS2vgoqlFBR",true],["b_HzA0eeRgHRm",true],["b_ksiDjmVezNy",true],["b_CI3nvudChGQ",true]] ae:[["b_C1phGlo02Q7",true],["b_3ChcNkfVogJ",true],["b_5JoeR1MIIyk",true],["b_d2SPkNISGtF",true],["b_yhRzgxui3S9",true],["b_Ff4RMZLDgBP",true],["b_HqY0OiJHyHe",true],["b_AY1jUDsbcp4",true],["b_wfwnt1PW8NY",true],["b_Gfn1qGqDYwI",true],["b_E04c319rzQR",true],["b_Syodzg6QJqG",true],["b_MFGwvBqPjdv",true],["b_wS2vgoqlFBR",true],["b_HzA0eeRgHRm",true],["b_ksiDjmVezNy",true],["b_CI3nvudChGQ",true]] af:[] b0:T4c8,I'm skipping the design inspiration and moving forward with my own vision for this app. The core concept is an Exact Score Tracker where users predict match outcomes for upcoming games, then compare their predictions against actual results—earning three points for exact scores, one point for correct outcomes, and zero for misses. The app will include a leaderboard to track performance across users. I'm designing this as a mobile-first, clean sports app using client-side data to start. For the visual direction, I'm committing to a deep charcoal-green background with a vibrant pitch green as the primary accent color—drawing from the football subject matter itself rather than relying on clichéd dark-with-acid-green combinations. I'll add warm amber or gold for highlighting wins and points, with off-white text and muted grays for balance. That gives me a cohesive five-color palette that feels sporty without being overdone. Now I'm structuring the app with a main page, reusable components for match cards, the prediction stepper, leaderboard and header, plus utility files for sample data and scoring logic. I'll keep everything client-side with React state management and start building out the components.b1:T1eac,[V0_FILE]typescriptreact:file="/app/page.tsx" "use client" import { useMemo, useState } from "react" import { Flame, ListChecks, Target, Trophy } from "lucide-react" import { currentUser, initialPredictions, matches, rivals } from "@/lib/data" import type { Player, Prediction } from "@/lib/types" import { evaluate, pointsFor } from "@/lib/scoring" import { cn } from "@/lib/utils" import { MatchCard } from "@/components/match-card" import { Leaderboard } from "@/components/leaderboard" type Tab = "fixtures" | "results" | "ranking" const tabs: { id: Tab; label: string; icon: typeof Target }[] = [ { id: "fixtures", label: "Fixtures", icon: Target }, { id: "results", label: "Results", icon: ListChecks }, { id: "ranking", label: "Ranking", icon: Trophy }, ] export default function Page() { const [tab, setTab] = useState("fixtures") const [predictions, setPredictions] = useState(initialPredictions) const predByMatch = useMemo(() => { const map = new Map() for (const p of predictions) map.set(p.matchId, p) return map }, [predictions]) function handlePredict(matchId: string, home: number, away: number) { setPredictions((prev) => { const next = prev.filter((p) => p.matchId !== matchId) next.push({ matchId, home, away }) return next }) } const liveMatches = matches.filter((m) => m.status === "live") const upcomingMatches = matches.filter((m) => m.status === "upcoming") const finishedMatches = matches.filter((m) => m.status === "finished") // Tally the current user's stats from finished predictions + baseline. const stats = useMemo(() => { let roundPoints = 0 let exact = 0 let settled = 0 for (const m of finishedMatches) { const p = predByMatch.get(m.id) if (!p || !m.result) continue settled += 1 const v = evaluate({ home: p.home, away: p.away }, m.result) roundPoints += pointsFor(v) if (v === "exact") exact += 1 } return { totalPoints: currentUser.basePoints + roundPoints, roundPoints, exactHits: currentUser.baseExactHits + exact, played: currentUser.basePlayed + settled, } }, [finishedMatches, predByMatch]) const you: Player = { id: currentUser.id, name: currentUser.name, avatarColor: currentUser.avatarColor, points: stats.totalPoints, exactHits: stats.exactHits, played: stats.played, } const allPlayers = [...rivals, you] const myRank = [...allPlayers].sort((a, b) => b.points - a.points).findIndex((p) => p.id === "you") + 1 const openPicks = upcomingMatches.filter((m) => !predByMatch.has(m.id)).length return (

{tab === "fixtures" && (

{liveMatches.length > 0 && (

Live now {liveMatches.map((m) => ( ))}

)}

Make your picks {upcomingMatches.map((m) => ( ))}

)} {tab === "results" && (

Settled matches {finishedMatches.map((m) => ( ))}

)} {tab === "ranking" && (

League table

)}

) } function Header({ rank, total, points }: { rank: number; total: number; points: number }) { return (

EXACT SCORE

Predict · Track · Compete

{points}

#{rank} of {total}

) } function StatStrip({ exactHits, roundPoints, openPicks, }: { exactHits: number roundPoints: number openPicks: number }) { const items = [ { icon: Flame, label: "Exact hits", value: exactHits, tint: "text-primary" }, { icon: Trophy, label: "This round", value: `+${roundPoints}`, tint: "text-accent" }, { icon: Target, label: "Open picks", value: openPicks, tint: "text-foreground" }, ] return (

{items.map((it) => (

{it.value}

{it.label}

))}

) } function SectionTitle({ children }: { children: React.ReactNode }) { return (

{children}

) } function TabBar({ tab, onChange }: { tab: Tab; onChange: (t: Tab) => void }) { return (

) }b2:T1ff8,The preview is showing the following runtime errors: ``` [2026-08-06T11:32:14.194Z] Error: Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used: - A server/client branch `if (typeof window !== 'undefined')`. - Variable input such as `Date.now()` or `Math.random()` which changes each time it's called. - Date formatting in a user's locale which doesn't match the server. - External changing data without sending a snapshot of it along with the HTML. - Invalid HTML tag nesting. It can also happen if the client has a browser extension installed which messes with the HTML before React loaded. https://react.dev/link/hydration-mismatch ...