website refactor

apps/website/app/races/page.tsx

@@ -1,12 +1,11 @@
 import { RacesTemplate } from '@/templates/RacesTemplate';
-import { RaceService } from '@/lib/services/races/RaceService';
 import { RacesApiClient } from '@/lib/api/races/RacesApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
 import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
 import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
 
 export default async function Page() {
-  // Create dependencies for API clients
+  // Manual wiring: create dependencies
   const baseUrl = getWebsiteApiBaseUrl();
   const logger = new ConsoleLogger();
   const errorReporter = new EnhancedErrorReporter(logger, {
@@ -18,12 +17,10 @@ export default async function Page() {
   // Create API client
   const racesApiClient = new RacesApiClient(baseUrl, errorReporter, logger);
 
-  // Create service
-  const service = new RaceService(racesApiClient);
+  // Fetch data
+  const data = await racesApiClient.getPageData();
   
-  const data = await service.getRacesPageData();
-  
-  // Transform data for template
+  // Transform races
   const transformRace = (race: any) => ({
     id: race.id,
     track: race.track,
@@ -34,16 +31,16 @@ export default async function Page() {
     leagueId: race.leagueId,
     leagueName: race.leagueName,
     strengthOfField: race.strengthOfField ?? undefined,
-    isUpcoming: race.isUpcoming,
-    isLive: race.isLive,
-    isPast: race.isPast,
+    isUpcoming: race.status === 'scheduled',
+    isLive: race.status === 'running',
+    isPast: race.status === 'completed',
   });
 
   const races = data.races.map(transformRace);
-  const scheduledRaces = data.scheduledRaces.map(transformRace);
-  const runningRaces = data.runningRaces.map(transformRace);
-  const completedRaces = data.completedRaces.map(transformRace);
-  const totalCount = data.totalCount;
+  const scheduledRaces = races.filter(r => r.isUpcoming);
+  const runningRaces = races.filter(r => r.isLive);
+  const completedRaces = races.filter(r => r.isPast);
+  const totalCount = races.length;
   
   return <RacesTemplate
     races={races}