view models

apps/website/lib/services/races/RaceService.ts

@@ -1,9 +1,20 @@
 import { RacesApiClient } from '../../api/races/RacesApiClient';
 import { RaceDetailViewModel } from '../../view-models/RaceDetailViewModel';
+import { RacesPageViewModel } from '../../view-models/RacesPageViewModel';
+import { RaceStatsViewModel } from '../../view-models/RaceStatsViewModel';
 
 // TODO: Move these types to apps/website/lib/types/generated when available
-type RacesPageDataDto = { races: Array<any> };
-type RaceStatsDto = { totalRaces: number };
+type RacesPageDataRaceDTO = {
+  id: string;
+  track: string;
+  car: string;
+  scheduledAt: string;
+  status: string;
+  leagueId: string;
+  leagueName: string;
+};
+type RacesPageDataDto = { races: RacesPageDataRaceDTO[] };
+type RaceStatsDTO = { totalRaces: number };
 
 /**
  * Race Service
@@ -28,18 +39,51 @@ export class RaceService {
   }
 
   /**
-   * Get races page data
-   * TODO: Add view model transformation when view model is available
+   * Get races page data with view model transformation
    */
-  async getRacesPageData(): Promise<RacesPageDataDto> {
-    return this.apiClient.getPageData();
+  async getRacesPageData(): Promise<RacesPageViewModel> {
+    const dto = await this.apiClient.getPageData();
+    return new RacesPageViewModel(this.transformRacesPageData(dto));
   }
 
   /**
-   * Get total races statistics
-   * TODO: Add view model transformation when view model is available
+   * Get total races statistics with view model transformation
    */
-  async getRacesTotal(): Promise<RaceStatsDto> {
-    return this.apiClient.getTotal();
+  async getRacesTotal(): Promise<RaceStatsViewModel> {
+    const dto: RaceStatsDTO = await this.apiClient.getTotal();
+    return new RaceStatsViewModel(dto);
+  }
+
+  /**
+   * Transform API races page data to view model format
+   */
+  private transformRacesPageData(dto: RacesPageDataDto): {
+    upcomingRaces: Array<{ id: string; title: string; scheduledTime: string; status: string }>;
+    completedRaces: Array<{ id: string; title: string; scheduledTime: string; status: string }>;
+    totalCount: number;
+  } {
+    const upcomingRaces = dto.races
+      .filter(race => race.status !== 'completed')
+      .map(race => ({
+        id: race.id,
+        title: `${race.track} - ${race.car}`,
+        scheduledTime: race.scheduledAt,
+        status: race.status,
+      }));
+
+    const completedRaces = dto.races
+      .filter(race => race.status === 'completed')
+      .map(race => ({
+        id: race.id,
+        title: `${race.track} - ${race.car}`,
+        scheduledTime: race.scheduledAt,
+        status: race.status,
+      }));
+
+    return {
+      upcomingRaces,
+      completedRaces,
+      totalCount: dto.races.length,
+    };
   }
 }