api client refactor

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

@@ -4,70 +4,37 @@ import { useState, useEffect, useCallback } from 'react';
 import { useParams } from 'next/navigation';
 import Card from '@/components/ui/Card';
 import StandingsTable from '@/components/leagues/StandingsTable';
-import {
-  EntityMappers,
-  type DriverDTO,
-  type LeagueDriverSeasonStatsDTO,
-} from '@core/racing';
-import { LeagueDriverSeasonStatsPresenter } from '@/lib/presenters/LeagueDriverSeasonStatsPresenter';
+import { getLeagueStandings } from '@/lib/services/leagues/LeagueService';
 import { useEffectiveDriverId } from '@/lib/currentDriver';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
-import type { MembershipRole, LeagueMembership } from '@/lib/leagueMembership';
+import type { LeagueStandingsViewModel } from '@/lib/view-models';
+import type { StandingEntryViewModel } from '@/lib/view-models/StandingEntryViewModel';
+import type { DriverDto } from '@/lib/dtos';
+import type { LeagueMembership } from '@/lib/dtos';
 
 export default function LeagueStandingsPage() {
   const params = useParams();
   const leagueId = params.id as string;
   const currentDriverId = useEffectiveDriverId();
 
-  const [standings, setStandings] = useState<LeagueDriverSeasonStatsDTO[]>([]);
-  const [drivers, setDrivers] = useState<DriverDTO[]>([]);
+  const [standings, setStandings] = useState<StandingEntryViewModel[]>([]);
+  const [drivers, setDrivers] = useState<DriverDto[]>([]);
   const [memberships, setMemberships] = useState<LeagueMembership[]>([]);
+  const [viewModel, setViewModel] = useState<LeagueStandingsViewModel | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [isAdmin, setIsAdmin] = useState(false);
 
   const loadData = useCallback(async () => {
     try {
-      const getLeagueDriverSeasonStatsUseCase = getGetLeagueDriverSeasonStatsUseCase();
-      const driverRepo = getDriverRepository();
-      const membershipRepo = getLeagueMembershipRepository();
-
-      const presenter = new LeagueDriverSeasonStatsPresenter();
-      await getLeagueDriverSeasonStatsUseCase.execute({ leagueId }, presenter);
-      const standingsViewModel = presenter.getViewModel();
-      setStandings(standingsViewModel.stats);
-
-      const allDrivers = await driverRepo.findAll();
-      const driverDtos: DriverDTO[] = allDrivers
-        .map((driver) => EntityMappers.toDriverDTO(driver))
-        .filter((dto): dto is DriverDTO => dto !== null);
-      setDrivers(driverDtos);
-
-      // Load league memberships from repository (consistent with other data)
-      const allMemberships = await membershipRepo.getLeagueMembers(leagueId);
-
-      type RawMembership = {
-        id: string | number;
-        leagueId: string;
-        driverId: string;
-        role: MembershipRole;
-        status: LeagueMembership['status'];
-        joinedAt: string | Date;
-      };
-
-      // Convert to the format expected by StandingsTable (website-level LeagueMembership)
-      const membershipData: LeagueMembership[] = (allMemberships as RawMembership[]).map((m) => ({
-        id: String(m.id),
-        leagueId: m.leagueId,
-        driverId: m.driverId,
-        role: m.role,
-        status: m.status,
-        joinedAt: m.joinedAt instanceof Date ? m.joinedAt.toISOString() : String(m.joinedAt),
-      }));
-      setMemberships(membershipData);
+      const vm = await getLeagueStandings(leagueId, currentDriverId);
+      setViewModel(vm);
+      setStandings(vm.standings);
+      setDrivers(vm.drivers);
+      setMemberships(vm.memberships);
 
       // Check if current user is admin
-      const membership = await membershipRepo.getMembership(leagueId, currentDriverId);
+      const membership = vm.memberships.find(m => m.driverId === currentDriverId);
       setIsAdmin(membership ? isLeagueAdminOrHigherRole(membership.role) : false);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load standings');
@@ -151,7 +118,7 @@ export default function LeagueStandingsPage() {
   }
 
   const leader = standings[0];
-  const totalRaces = Math.max(...standings.map(s => s.racesStarted), 0);
+  const totalRaces = Math.max(...standings.map(s => s.races), 0);
 
   return (
     <div className="space-y-6">
@@ -166,7 +133,7 @@ export default function LeagueStandingsPage() {
               <div>
                 <p className="text-xs text-gray-400 mb-1">Championship Leader</p>
                 <p className="font-bold text-white">{drivers.find(d => d.id === leader?.driverId)?.name || 'N/A'}</p>
-                <p className="text-sm text-yellow-400 font-medium">{leader?.totalPoints || 0} points</p>
+                <p className="text-sm text-yellow-400 font-medium">{leader?.points || 0} points</p>
               </div>
             </div>
           </Card>