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-21 13:49:59 +01:00
parent 69c9305d59
commit ac37871bef
11 changed files with 280 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/website/components/races/PointsTable.tsx
View File

@@ -1,7 +1,7 @@
import { Box } from '@/ui/Box';
import { Card } from '@/ui/Card';
import { Heading } from '@/ui/Heading';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/ui/Table';
import { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from '@/ui/Table';
import { Text } from '@/ui/Text';
interface PointsTableProps {
@@ -16,10 +16,8 @@ export function PointsTable({ title = 'Points Distribution', points }: PointsTab
<Box overflow="auto">
<Table>
<TableHead>
<TableRow>
<TableHeader>Position</TableHeader>
<TableHeader className="text-right">Points</TableHeader>
</TableRow>
<TableHeaderCell>Position</TableHeaderCell>
<TableHeaderCell textAlign="right">Points</TableHeaderCell>
</TableHead>
<TableBody>
{points.map(({ position, points: pts }) => (
@@ -50,7 +48,7 @@ export function PointsTable({ title = 'Points Distribution', points }: PointsTab
</Text>
</Box>
</TableCell>
<TableCell className="text-right">
<TableCell textAlign="right">
<Text color="text-white" weight="semibold" className="tabular-nums">{pts}</Text>
<Text color="text-gray-500" ml={1}>pts</Text>
</TableCell>

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

@@ -2,7 +2,7 @@
import React from 'react';
import { Text } from '@/ui/Text';
import { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from '@/ui/Table';
import { Table, TableHead, TableBody, TableRow, TableHeaderCell, TableCell } from '@/ui/Table';
import { SessionStatusBadge, type SessionStatus } from './SessionStatusBadge';
import { Stack } from '@/ui/Stack';
@@ -24,12 +24,10 @@ export function RaceScheduleTable({ races, onRaceClick }: RaceScheduleTableProps
return (
<Table>
<TableHead>
<TableRow>
<TableHeader>Time</TableHeader>
<TableHeader>Session Details</TableHeader>
<TableHeader>League</TableHeader>
<TableHeader textAlign="right">Status</TableHeader>
</TableRow>
<TableHeaderCell>Time</TableHeaderCell>
<TableHeaderCell>Session Details</TableHeaderCell>
<TableHeaderCell>League</TableHeaderCell>
<TableHeaderCell textAlign="right">Status</TableHeaderCell>
</TableHead>
<TableBody>
{races.map((race) => (