wip

2025-12-03 16:33:12 +01:00
parent a572e6edce
commit c0fdae3d3c
157 changed files with 7824 additions and 1042 deletions
--- a/apps/website/app/drivers/[id]/page.tsx
+++ b/apps/website/app/drivers/[id]/page.tsx
@@ -0,0 +1,100 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter, useParams } from 'next/navigation';
+import { getDriverRepository } from '@/lib/di-container';
+import DriverProfile from '@/components/alpha/DriverProfile';
+import Button from '@/components/ui/Button';
+import Card from '@/components/ui/Card';
+import Breadcrumbs from '@/components/alpha/Breadcrumbs';
+import { EntityMappers, DriverDTO } from '@gridpilot/racing-application/mappers/EntityMappers';
+
+export default function DriverDetailPage() {
+  const router = useRouter();
+  const params = useParams();
+  const driverId = params.id as string;
+
+  const [driver, setDriver] = useState<DriverDTO | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    loadDriver();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [driverId]);
+
+  const loadDriver = async () => {
+    try {
+      const driverRepo = getDriverRepository();
+      const driverEntity = await driverRepo.findById(driverId);
+      
+      if (!driverEntity) {
+        setError('Driver not found');
+        setLoading(false);
+        return;
+      }
+
+      const driverDto = EntityMappers.toDriverDTO(driverEntity);
+
+      if (!driverDto) {
+        setError('Driver not found');
+        setLoading(false);
+        return;
+      }
+
+      setDriver(driverDto);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load driver');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-deep-graphite py-12 px-4 sm:px-6 lg:px-8">
+        <div className="max-w-6xl mx-auto">
+          <div className="text-center text-gray-400">Loading driver profile...</div>
+        </div>
+      </div>
+    );
+  }
+
+  if (error || !driver) {
+    return (
+      <div className="min-h-screen bg-deep-graphite py-12 px-4 sm:px-6 lg:px-8">
+        <div className="max-w-4xl mx-auto">
+          <Card className="text-center py-12">
+            <div className="text-warning-amber mb-4">
+              {error || 'Driver not found'}
+            </div>
+            <Button
+              variant="secondary"
+              onClick={() => router.push('/drivers')}
+            >
+              Back to Drivers
+            </Button>
+          </Card>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-deep-graphite py-12 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-6xl mx-auto">
+        {/* Breadcrumb */}
+        <Breadcrumbs
+          items={[
+            { label: 'Home', href: '/' },
+            { label: 'Drivers', href: '/drivers' },
+            { label: driver.name }
+          ]}
+        />
+
+        {/* Driver Profile Component */}
+        <DriverProfile driver={driver} />
+      </div>
+    </div>
+  );
+}