website refactor

apps/website/app/races/page.tsx

@@ -1,53 +1,55 @@
+import { notFound } from 'next/navigation';
 import { RacesTemplate } from '@/templates/RacesTemplate';
-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';
+import { RacesPageQuery } from '@/lib/page-queries/races/RacesPageQuery';
 
 export default async function Page() {
-  // Manual wiring: create dependencies
-  const baseUrl = getWebsiteApiBaseUrl();
-  const logger = new ConsoleLogger();
-  const errorReporter = new EnhancedErrorReporter(logger, {
-    showUserNotifications: true,
-    logToConsole: true,
-    reportToExternal: process.env.NODE_ENV === 'production',
-  });
-
-  // Create API client
-  const racesApiClient = new RacesApiClient(baseUrl, errorReporter, logger);
-
-  // Fetch data
-  const data = await racesApiClient.getPageData();
+  const result = await RacesPageQuery.execute();
   
-  // Transform races
-  const transformRace = (race: any) => ({
-    id: race.id,
-    track: race.track,
-    car: race.car,
-    scheduledAt: race.scheduledAt,
-    status: race.status as 'scheduled' | 'running' | 'completed' | 'cancelled',
-    sessionType: 'race',
-    leagueId: race.leagueId,
-    leagueName: race.leagueName,
-    strengthOfField: race.strengthOfField ?? undefined,
-    isUpcoming: race.status === 'scheduled',
-    isLive: race.status === 'running',
-    isPast: race.status === 'completed',
-  });
-
-  const races = data.races.map(transformRace);
-  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;
+  if (result.isErr()) {
+    const error = result.getError();
+    
+    switch (error) {
+      case 'notFound':
+        notFound();
+      case 'redirect':
+        // Would redirect to login or other page
+        notFound();
+      default:
+        // For other errors, show error state in template
+        return <RacesTemplate
+          races={[]}
+          totalCount={0}
+          scheduledRaces={[]}
+          runningRaces={[]}
+          completedRaces={[]}
+          isLoading={false}
+          statusFilter="all"
+          setStatusFilter={() => {}}
+          leagueFilter="all"
+          setLeagueFilter={() => {}}
+          timeFilter="upcoming"
+          setTimeFilter={() => {}}
+          onRaceClick={() => {}}
+          onLeagueClick={() => {}}
+          onRegister={() => {}}
+          onWithdraw={() => {}}
+          onCancel={() => {}}
+          showFilterModal={false}
+          setShowFilterModal={() => {}}
+          currentDriverId={undefined}
+          userMemberships={[]}
+        />;
+    }
+  }
+  
+  const viewData = result.unwrap();
   
   return <RacesTemplate
-    races={races}
-    totalCount={totalCount}
-    scheduledRaces={scheduledRaces}
-    runningRaces={runningRaces}
-    completedRaces={completedRaces}
+    races={viewData.races}
+    totalCount={viewData.totalCount}
+    scheduledRaces={viewData.scheduledRaces}
+    runningRaces={viewData.runningRaces}
+    completedRaces={viewData.completedRaces}
     isLoading={false}
     statusFilter="all"
     setStatusFilter={() => {}}