mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-20 18:28:11 +01:00
parent b39b098e6b
commit 444afda435
24 changed files with 971 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/website/components/races/RaceScheduleTable.tsx
View File

@@ -4,6 +4,7 @@ import React from 'react';
import { Text } from '@/ui/Text';
import { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from '@/ui/Table';
import { SessionStatusBadge, type SessionStatus } from './SessionStatusBadge';
import { Stack } from '@/ui/Stack';
interface RaceRow {
id: string;
@@ -25,8 +26,7 @@ export function RaceScheduleTable({ races, onRaceClick }: RaceScheduleTableProps
<TableHead>
<TableRow>
<TableHeader>Time</TableHeader>
<TableHeader>Track</TableHeader>
<TableHeader>Car</TableHeader>
<TableHeader>Session Details</TableHeader>
<TableHeader>League</TableHeader>
<TableHeader textAlign="right">Status</TableHeader>
</TableRow>
@@ -39,21 +39,23 @@ export function RaceScheduleTable({ races, onRaceClick }: RaceScheduleTableProps
clickable
>
<TableCell>
<Text size="xs" variant="telemetry" weight="bold">{race.time}</Text>
<Text size="xs" variant="telemetry" weight="bold" mono>{race.time}</Text>
</TableCell>
<TableCell>
<Text size="sm" weight="bold" variant="high">
{race.track}
</Text>
<Stack gap={0.5}>
<Text size="sm" weight="bold" variant="high">
{race.track}
</Text>
<Text size="xs" variant="low" uppercase letterSpacing="widest">{race.car}</Text>
</Stack>
</TableCell>
<TableCell>
<Text size="xs" variant="low">{race.car}</Text>
</TableCell>
<TableCell>
<Text size="xs" variant="low">{race.leagueName || 'Official'}</Text>
<Text size="xs" variant="low" weight="medium">{race.leagueName || 'Official'}</Text>
</TableCell>
<TableCell textAlign="right">
<SessionStatusBadge status={race.status} />
<Stack direction="row" justify="end">
<SessionStatusBadge status={race.status} />
</Stack>
</TableCell>
</TableRow>
))}