website cleanup

apps/website/app/leagues/[id]/standings/page.tsx

@@ -8,9 +8,11 @@ import type { LeagueMembership } from '@/lib/types/LeagueMembership';
 import type { MembershipRoleDTO } from '@/lib/types/generated/MembershipRoleDTO';
 import { LeagueRoleUtility } from '@/lib/utilities/LeagueRoleUtility';
 import { useServices } from '@/lib/services/ServiceProvider';
+import type { DriverDTO } from '@/lib/types/generated/DriverDTO';
 import { DriverViewModel } from '@/lib/view-models/DriverViewModel';
 import { LeagueStandingsViewModel } from '@/lib/view-models/LeagueStandingsViewModel';
 import { StandingEntryViewModel } from '@/lib/view-models/StandingEntryViewModel';
+import type { LeagueStandingDTO } from '@/lib/types/generated/LeagueStandingDTO';
 import { useParams } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 
@@ -21,7 +23,8 @@ export default function LeagueStandingsPage() {
   const { leagueService } = useServices();
 
   const [standings, setStandings] = useState<StandingEntryViewModel[]>([]);
-  const [drivers, setDrivers] = useState<DriverViewModel[]>([]);
+  const [drivers, setDrivers] = useState<DriverDTO[]>([]);
+  const [driverVms, setDriverVms] = useState<DriverViewModel[]>([]);
   const [memberships, setMemberships] = useState<LeagueMembership[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -31,7 +34,8 @@ export default function LeagueStandingsPage() {
     try {
       const vm = await leagueService.getLeagueStandings(leagueId, currentDriverId);
       setStandings(vm.standings);
-      setDrivers(vm.drivers.map(d => new DriverViewModel(d)));
+      setDrivers(vm.drivers as unknown as DriverDTO[]);
+      setDriverVms(vm.drivers.map((d) => new DriverViewModel(d)));
       setMemberships(vm.memberships);
 
       // Check if current user is admin
@@ -89,12 +93,33 @@ export default function LeagueStandingsPage() {
   return (
     <div className="space-y-6">
       {/* Championship Stats */}
-      <LeagueChampionshipStats standings={standings} drivers={drivers} />
+      <LeagueChampionshipStats standings={standings} drivers={driverVms} />
 
       <Card>
         <h2 className="text-xl font-semibold text-white mb-4">Championship Standings</h2>
         <StandingsTable
-          standings={standings}
+          standings={standings.map((s) => ({
+            leagueId,
+            driverId: s.driverId,
+            position: s.position,
+            totalPoints: s.points,
+            racesFinished: s.races,
+            racesStarted: s.races,
+            avgFinish: null,
+            penaltyPoints: 0,
+            bonusPoints: 0,
+          }) satisfies {
+            leagueId: string;
+            driverId: string;
+            position: number;
+            totalPoints: number;
+            racesFinished: number;
+            racesStarted: number;
+            avgFinish: number | null;
+            penaltyPoints: number;
+            bonusPoints: number;
+            teamName?: string;
+          })}
           drivers={drivers}
           leagueId={leagueId}
           memberships={memberships}
@@ -106,4 +131,4 @@ export default function LeagueStandingsPage() {
       </Card>
     </div>
   );
-}
+}