mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
Marc Mintel
2025-12-17 14:04:11 +01:00
parent 1ea9c9649f
commit daa4bb6576
238 changed files with 4263 additions and 1752 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
apps/website/app/races/page.tsx
View File

@@ -6,12 +6,8 @@ import Link from 'next/link';
import Card from '@/components/ui/Card';
import Button from '@/components/ui/Button';
import Heading from '@/components/ui/Heading';
import { getGetRacesPageDataUseCase } from '@/lib/di-container';
import { RacesPagePresenter } from '@/lib/presenters/RacesPagePresenter';
import type {
RacesPageViewModel,
RaceListItemViewModel,
} from '@core/racing/application/presenters/IRacesPagePresenter';
import { apiClient } from '@/lib/apiClient';
import type { RacesPageDataViewModel, RacesPageDataRaceViewModel } from '@/lib/apiClient';
import {
Calendar,
Clock,
@@ -31,14 +27,14 @@ import {
} from 'lucide-react';
type TimeFilter = 'all' | 'upcoming' | 'live' | 'past';
type RaceStatusFilter = RaceListItemViewModel['status'];
type RaceStatusFilter = RacesPageDataRaceViewModel['status'];
export default function RacesPage() {
const router = useRouter();
const [pageData, setPageData] = useState<RacesPageViewModel | null>(null);
const [pageData, setPageData] = useState<RacesPageDataViewModel | null>(null);
const [loading, setLoading] = useState(true);
// Filters
const [statusFilter, setStatusFilter] = useState<RaceStatusFilter | 'all'>('all');
const [leagueFilter, setLeagueFilter] = useState<string>('all');
@@ -46,10 +42,7 @@ export default function RacesPage() {
const loadRaces = async () => {
try {
const useCase = getGetRacesPageDataUseCase();
const presenter = new RacesPagePresenter();
await useCase.execute(undefined, presenter);
const data = presenter.getViewModel();
const data = await apiClient.races.getPageData();
setPageData(data);
} catch (err) {
console.error('Failed to load races:', err);
@@ -65,7 +58,7 @@ export default function RacesPage() {
// Filter races
const filteredRaces = useMemo(() => {
if (!pageData) return [];
return pageData.races.filter((race) => {
// Status filter
if (statusFilter !== 'all' && race.status !== statusFilter) {
@@ -94,7 +87,7 @@ export default function RacesPage() {
// Group races by date for calendar view
const racesByDate = useMemo(() => {
const grouped = new Map<string, RaceListItemViewModel[]>();
const grouped = new Map<string, RacesPageDataRaceViewModel[]>();
filteredRaces.forEach((race) => {
if (typeof race.scheduledAt !== 'string') {
return;
@@ -107,11 +100,16 @@ export default function RacesPage() {
});
return grouped;
}, [filteredRaces]);
const upcomingRaces = pageData?.upcomingThisWeek ?? [];
const liveRaces = pageData?.liveRaces ?? [];
const recentResults = pageData?.recentResults ?? [];
const stats = pageData?.stats ?? { total: 0, scheduled: 0, running: 0, completed: 0 };
const upcomingRaces = filteredRaces.filter(r => r.isUpcoming).slice(0, 5);
const liveRaces = filteredRaces.filter(r => r.isLive);
const recentResults = filteredRaces.filter(r => r.isPast).slice(0, 5);
const stats = {
total: pageData?.races.length ?? 0,
scheduled: pageData?.races.filter(r => r.status === 'scheduled').length ?? 0,
running: pageData?.races.filter(r => r.status === 'running').length ?? 0,
completed: pageData?.races.filter(r => r.status === 'completed').length ?? 0,
};
const formatDate = (date: Date | string) => {
const d = typeof date === 'string' ? new Date(date) : date;