\n {/* Header */}\n

⚽ Football Scores

Live matches and results

\n {liveMatches.length > 0 && (\n

\n {liveMatches.length} Live\n

\n )}\n

\n\n {/* Date Selector */}\n

\n \n

\n\n {/* Main Content */}\n

\n {error && (\n

\n {error}\n

\n )}\n\n {loading && matches.length === 0 ? (\n

Loading matches...

\n ) : (\n

\n {/* Live Matches */}\n {liveMatches.length > 0 && (\n

\n
\n Live Now\n

\n {liveMatches.map(match => (\n \n ))}\n

\n )}\n\n {/* Finished Matches */}\n {finishedMatches.length > 0 && (\n

\n
\n Finished\n

\n {finishedMatches.map(match => (\n \n ))}\n

\n )}\n\n {/* Scheduled Matches */}\n {scheduledMatches.length > 0 && (\n

\n
\n Upcoming\n

\n {scheduledMatches.map(match => (\n \n ))}\n

\n )}\n\n {/* No matches */}\n {matches.length === 0 && !loading && (\n

⚽

No matches found

Try selecting a different date

\n )}\n

\n );\n}","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/Brian250/Brian/code/frontend/components/App.tsx","extension","actionData","errors"]

\n \n Live Now\n

\n \n Finished\n

\n \n Upcoming\n

No matches found

\n
\n Live Now\n

\n
\n Finished\n

\n
\n Upcoming\n