website refactor

apps/website/app/races/[id]/results/page.tsx

@@ -1,14 +1,7 @@
-'use client';
-
+import { notFound } from 'next/navigation';
 import { StatefulPageWrapper } from '@/components/shared/state/StatefulPageWrapper';
 import { RaceResultsTemplate } from '@/templates/RaceResultsTemplate';
-import { useRaceResultsPageData } from "@/lib/hooks/race/useRaceResultsPageData";
-import { RaceResultsDataTransformer } from '@/lib/view-models/RaceResultsDataTransformer';
-import { useLeagueMemberships } from "@/lib/hooks/league/useLeagueMemberships";
-import { useEffectiveDriverId } from "@/lib/hooks/useEffectiveDriverId";
-import { useState } from 'react';
-import { notFound, useRouter } from 'next/navigation';
-import { LeagueRoleUtility } from '@/lib/utilities/LeagueRoleUtility';
+import { RaceResultsPageQuery } from '@/lib/page-queries/races/RaceResultsPageQuery';
 import { Trophy } from 'lucide-react';
 
 interface RaceResultsPageProps {
@@ -17,99 +10,101 @@ interface RaceResultsPageProps {
   };
 }
 
-export default function RaceResultsPage({ params }: RaceResultsPageProps) {
-  const router = useRouter();
+export default async function RaceResultsPage({ params }: RaceResultsPageProps) {
   const raceId = params.id;
   
   if (!raceId) {
     notFound();
   }
 
-  const currentDriverId = useEffectiveDriverId() || '';
-
-  // Fetch data using domain hook
-  const { data: queries, isLoading, error, refetch } = useRaceResultsPageData(raceId, currentDriverId);
-
-  // Additional data - league memberships
-  const leagueName = queries?.results?.league?.name || '';
-  const { data: memberships } = useLeagueMemberships(leagueName, currentDriverId);
-
-  // Transform data
-  const data = queries?.results && queries?.sof
-    ? RaceResultsDataTransformer.transform(
-        queries.results,
-        queries.sof,
-        currentDriverId,
-        memberships
-      )
-    : undefined;
-
-  // UI State for import functionality
-  const [importing, setImporting] = useState(false);
-  const [importSuccess, setImportSuccess] = useState(false);
-  const [importError, setImportError] = useState<string | null>(null);
-  const [showImportForm, setShowImportForm] = useState(false);
-
-  // Actions
-  const handleBack = () => router.back();
-
-  const handleImportResults = async (importedResults: any[]) => {
-    setImporting(true);
-    setImportError(null);
-
-    try {
-      console.log('Import results:', importedResults);
-      setImportSuccess(true);
-      
-      // Refetch data after import
-      await refetch();
-    } catch (err) {
-      setImportError(err instanceof Error ? err.message : 'Failed to import results');
-    } finally {
-      setImporting(false);
+  // Execute PageQuery
+  const result = await RaceResultsPageQuery.execute({ raceId });
+  
+  if (result.isErr()) {
+    const error = result.getError();
+    
+    switch (error) {
+      case 'notFound':
+        notFound();
+      case 'redirect':
+        notFound();
+      default:
+        // Pass error to template via StatefulPageWrapper
+        return (
+          <StatefulPageWrapper
+            data={null}
+            isLoading={false}
+            error={new Error('Failed to load race results')}
+            retry={() => Promise.resolve()}
+            Template={({ data: _data }) => (
+              <RaceResultsTemplate
+                raceTrack={undefined}
+                raceScheduledAt={undefined}
+                totalDrivers={undefined}
+                leagueName={undefined}
+                raceSOF={null}
+                results={[]}
+                penalties={[]}
+                pointsSystem={{}}
+                fastestLapTime={0}
+                currentDriverId={''}
+                isAdmin={false}
+                isLoading={false}
+                error={null}
+                onBack={() => {}}
+                onImportResults={() => Promise.resolve()}
+                onPenaltyClick={() => {}}
+                importing={false}
+                importSuccess={false}
+                importError={null}
+                showImportForm={false}
+                setShowImportForm={() => {}}
+              />
+            )}
+            loading={{ variant: 'skeleton', message: 'Loading race results...' }}
+            errorConfig={{ variant: 'full-screen' }}
+            empty={{
+              icon: Trophy,
+              title: 'No results available',
+              description: 'Race results will appear here once the race is completed',
+              action: { label: 'Back to Race', onClick: () => {} }
+            }}
+          />
+        );
     }
-  };
-
-  const handlePenaltyClick = (driver: { id: string; name: string }) => {
-    console.log('Penalty click for:', driver);
-  };
-
-  // Determine admin status from memberships data
-  const currentDriver = data?.results.find(r => r.isCurrentUser);
-  const currentMembership = data?.memberships?.find(m => m.driverId === currentDriverId);
-  const isAdmin = currentMembership 
-    ? LeagueRoleUtility.isLeagueAdminOrHigherRole(currentMembership.role) 
-    : false;
+  }
+  
+  const viewData = result.unwrap();
 
   return (
     <StatefulPageWrapper
-      data={data}
-      isLoading={isLoading}
-      error={error as Error | null}
-      retry={refetch}
-      Template={({ data }) => (
+      data={viewData}
+      isLoading={false}
+      error={null}
+      retry={() => Promise.resolve()}
+      Template={({ data: _data }) => (
         <RaceResultsTemplate
-          raceTrack={data.raceTrack}
-          raceScheduledAt={data.raceScheduledAt}
-          totalDrivers={data.totalDrivers}
-          leagueName={data.leagueName}
-          raceSOF={data.raceSOF}
-          results={data.results}
-          penalties={data.penalties}
-          pointsSystem={data.pointsSystem}
-          fastestLapTime={data.fastestLapTime}
-          currentDriverId={currentDriverId}
-          isAdmin={isAdmin}
+          raceTrack={viewData.raceTrack}
+          raceScheduledAt={viewData.raceScheduledAt}
+          totalDrivers={viewData.totalDrivers}
+          leagueName={viewData.leagueName}
+          raceSOF={viewData.raceSOF}
+          results={viewData.results}
+          penalties={viewData.penalties}
+          pointsSystem={viewData.pointsSystem}
+          fastestLapTime={viewData.fastestLapTime}
+          currentDriverId={''}
+          isAdmin={false}
           isLoading={false}
           error={null}
-          onBack={handleBack}
-          onImportResults={handleImportResults}
-          onPenaltyClick={handlePenaltyClick}
-          importing={importing}
-          importSuccess={importSuccess}
-          importError={importError}
-          showImportForm={showImportForm}
-          setShowImportForm={setShowImportForm}
+          onBack={() => {}}
+          onImportResults={() => Promise.resolve()}
+          onPenaltyClick={() => {}}
+          importing={false}
+          importSuccess={false}
+          importError={null}
+          showImportForm={false}
+          setShowImportForm={() => {}}
         />
       )}
       loading={{ variant: 'skeleton', message: 'Loading race results...' }}
@@ -118,7 +113,7 @@ export default function RaceResultsPage({ params }: RaceResultsPageProps) {
         icon: Trophy,
         title: 'No results available',
         description: 'Race results will appear here once the race is completed',
-        action: { label: 'Back to Race', onClick: handleBack }
+        action: { label: 'Back to Race', onClick: () => {} }
       }}
     />
   );