feat(#22): Driver profile page

Implemented by claude via .agents/dev dispatch.
This commit is contained in:
2026-07-11 18:12:00 -04:00
parent 1782fd313c
commit 01ec1f24e7
14 changed files with 1421 additions and 23 deletions

View File

@@ -1,5 +1,6 @@
import { useMemo, useState } from 'react'
import { useQuery } from '@tanstack/react-query'
import { Link } from '@tanstack/react-router'
import { fetchChampionshipHub, fetchSeasons } from '../api'
import { teamColor } from '../utils'
import type { ChampHubDriver, ChampionshipHub } from '../types'
@@ -242,6 +243,7 @@ function ChampionshipBody({ hub, view, setView }: BodyProps) {
leaderPoints={leader.points}
titleMath={titleMath}
roundsLeft={hub.rounds_left}
season={hub.season}
/>
)}
{view === 'constructors' && <ConstructorsView hub={hub} />}
@@ -271,11 +273,13 @@ function DriversView({
leaderPoints,
titleMath,
roundsLeft,
season,
}: {
enriched: EnrichedDriver[]
leaderPoints: number
titleMath: string
roundsLeft: number
season: number
}) {
const podium = enriched.slice(0, 3)
return (
@@ -360,12 +364,19 @@ function DriversView({
P{e.pos}
</td>
<td>
<div className="champ-drv">
<Link
to="/drivers/$driverNumber"
params={{ driverNumber: String(e.d.driver_number) }}
search={{ year: season }}
className="champ-drv"
style={{ color: 'inherit', textDecoration: 'none' }}
data-testid={`champ-driver-link-${e.d.driver_number}`}
>
<span className="champ-drv-bar" style={{ background: e.color }} />
<span className="champ-drv-code mono">{e.d.name_acronym}</span>
<span className="champ-drv-name">{e.d.full_name}</span>
<span className="champ-drv-num mono">#{e.d.driver_number}</span>
</div>
</Link>
</td>
<td className="champ-td-team">{e.d.team_name}</td>
<td className="r mono champ-td-pts">{fmtPts(e.d.points)}</td>