wip

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

@@ -5,21 +5,21 @@ import { useRouter, useParams } from 'next/navigation';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import FeatureLimitationTooltip from '@/components/alpha/FeatureLimitationTooltip';
-import { Race } from '@gridpilot/racing-domain/entities/Race';
-import { League } from '@gridpilot/racing-domain/entities/League';
-import { Driver } from '@gridpilot/racing-domain/entities/Driver';
+import type { Race } from '@gridpilot/racing/domain/entities/Race';
+import type { League } from '@gridpilot/racing/domain/entities/League';
+import type { Driver } from '@gridpilot/racing/domain/entities/Driver';
 import { getRaceRepository, getLeagueRepository, getDriverRepository } from '@/lib/di-container';
-import { getMembership, getCurrentDriverId } from '@/lib/membership-data';
 import {
+  getMembership,
+  getCurrentDriverId,
   isRegistered,
   registerForRace,
   withdrawFromRace,
-  getRegisteredDrivers
-} from '@/lib/registration-data';
+  getRegisteredDrivers,
+} from '@gridpilot/racing/application';
 import CompanionStatus from '@/components/alpha/CompanionStatus';
 import CompanionInstructions from '@/components/alpha/CompanionInstructions';
-import DataWarning from '@/components/alpha/DataWarning';
-import Breadcrumbs from '@/components/alpha/Breadcrumbs';
+import Breadcrumbs from '@/components/layout/Breadcrumbs';
 
 export default function RaceDetailPage() {
   const router = useRouter();
@@ -73,7 +73,9 @@ export default function RaceDetailPage() {
       const drivers = await Promise.all(
         registeredDriverIds.map(id => driverRepo.findById(id))
       );
-      setEntryList(drivers.filter((d): d is Driver => d !== null));
+      setEntryList(
+        drivers.filter((d: Driver | null): d is Driver => d !== null)
+      );
 
       // Check user registration status
       const userIsRegistered = isRegistered(raceId, currentDriverId);
@@ -186,7 +188,7 @@ export default function RaceDetailPage() {
     scheduled: 'bg-primary-blue/20 text-primary-blue border-primary-blue/30',
     completed: 'bg-green-500/20 text-green-400 border-green-500/30',
     cancelled: 'bg-gray-500/20 text-gray-400 border-gray-500/30',
-  };
+  } as const;
 
   if (loading) {
     return (
@@ -250,7 +252,11 @@ export default function RaceDetailPage() {
                 <p className="text-gray-400">{league.name}</p>
               )}
             </div>
-            <span className={`px-3 py-1 text-sm font-medium rounded border ${statusColors[race.status]}`}>
+            <span
+              className={`px-3 py-1 text-sm font-medium rounded border ${
+                statusColors[race.status as keyof typeof statusColors]
+              }`}
+            >
               {race.status.charAt(0).toUpperCase() + race.status.slice(1)}
             </span>
           </div>
@@ -391,8 +397,6 @@ export default function RaceDetailPage() {
               </span>
             </div>
 
-            <DataWarning className="mb-4" />
-
             {entryList.length === 0 ? (
               <div className="text-center py-8 text-gray-400">
                 <p className="mb-2">No drivers registered yet</p>

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

@@ -4,12 +4,12 @@ import { useState, useEffect } from 'react';
 import { useRouter, useParams } from 'next/navigation';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
-import ResultsTable from '@/components/alpha/ResultsTable';
-import ImportResultsForm from '@/components/alpha/ImportResultsForm';
-import { Race } from '@gridpilot/racing-domain/entities/Race';
-import { League } from '@gridpilot/racing-domain/entities/League';
-import { Result } from '@gridpilot/racing-domain/entities/Result';
-import { Driver } from '@gridpilot/racing-domain/entities/Driver';
+import ResultsTable from '@/components/races/ResultsTable';
+import ImportResultsForm from '@/components/races/ImportResultsForm';
+import { Race } from '@gridpilot/racing/domain/entities/Race';
+import { League } from '@gridpilot/racing/domain/entities/League';
+import { Result } from '@gridpilot/racing/domain/entities/Result';
+import { Driver } from '@gridpilot/racing/domain/entities/Driver';
 import {
   getRaceRepository,
   getLeagueRepository,

apps/website/app/races/page.tsx

@@ -4,10 +4,10 @@ import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
-import RaceCard from '@/components/alpha/RaceCard';
-import ScheduleRaceForm from '@/components/alpha/ScheduleRaceForm';
-import { Race, RaceStatus } from '@gridpilot/racing-domain/entities/Race';
-import { League } from '@gridpilot/racing-domain/entities/League';
+import RaceCard from '@/components/races/RaceCard';
+import ScheduleRaceForm from '@/components/leagues/ScheduleRaceForm';
+import { Race, RaceStatus } from '@gridpilot/racing/domain/entities/Race';
+import { League } from '@gridpilot/racing/domain/entities/League';
 import { getRaceRepository, getLeagueRepository } from '@/lib/di-container';
 
 export default function RacesPage() {