Football Live Scores

{formatDate(selectedDate)}

\n \n

\n {/* Date picker */}\n \n \n {/* Live updates toggle */}\n {isToday && (\n \n {liveUpdatesEnabled ? '● Live' : '○ Live'}\n \n )}\n \n {/* Refresh button */}\n \n 🔄\n {refreshing ? 'Refreshing...' : 'Refresh'}\n \n

\n \n {lastUpdated && (\n

\n Last updated: {new Date(lastUpdated).toLocaleTimeString()}\n

\n )}\n

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

\n {error && (\n

\n Error: {error}\n

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

\n ⚽\n

\n {isToday ? 'No matches today' : `No matches on ${formatDate(selectedDate)}`}\n

\n {isToday ? 'Check back later for upcoming games!' : 'Try selecting a different date.'}\n

\n ) : (\n

\n {Object.entries(groupedMatches).map(([competition, competitionMatches]) => (\n

{competition}

\n {competitionMatches.length} match{competitionMatches.length !== 1 ? 'es' : ''}\n

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

\n ))}\n

\n )}\n\n {/* Live matches indicator */}\n {isToday && liveUpdatesEnabled && matches.some(match => match.status === 'live') && (\n

\n ● Live updates active\n

\n )}\n

\n\n {/* Footer */}\n \n

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