wip

apps/website/components/leagues/StandingsTable.tsx

@@ -1,16 +1,18 @@
 'use client';
 
+import Link from 'next/link';
 import { Standing } from '@gridpilot/racing/domain/entities/Standing';
 import { Driver } from '@gridpilot/racing/domain/entities/Driver';
 
 interface StandingsTableProps {
   standings: Standing[];
   drivers: Driver[];
+  leagueId: string;
 }
 
-export default function StandingsTable({ standings, drivers }: StandingsTableProps) {
+export default function StandingsTable({ standings, drivers, leagueId }: StandingsTableProps) {
   const getDriverName = (driverId: string): string => {
-    const driver = drivers.find(d => d.id === driverId);
+    const driver = drivers.find((d) => d.id === driverId);
     return driver?.name || 'Unknown Driver';
   };
 
@@ -37,9 +39,9 @@ export default function StandingsTable({ standings, drivers }: StandingsTablePro
         <tbody>
           {standings.map((standing) => {
             const isLeader = standing.position === 1;
-            
+
             return (
-              <tr 
+              <tr
                 key={`${standing.leagueId}-${standing.driverId}`}
                 className="border-b border-charcoal-outline/50 hover:bg-iron-gray/20 transition-colors"
               >
@@ -49,9 +51,16 @@ export default function StandingsTable({ standings, drivers }: StandingsTablePro
                   </span>
                 </td>
                 <td className="py-3 px-4">
-                  <span className={isLeader ? 'text-white font-semibold' : 'text-white'}>
+                  <Link
+                    href={`/drivers/${standing.driverId}?from=league&leagueId=${leagueId}`}
+                    className={
+                      isLeader
+                        ? 'text-white font-semibold hover:text-primary-blue transition-colors'
+                        : 'text-white hover:text-primary-blue transition-colors'
+                    }
+                  >
                     {getDriverName(standing.driverId)}
-                  </span>
+                  </Link>
                 </td>
                 <td className="py-3 px-4">
                   <span className="text-white font-medium">{standing.points}</span>