website refactor
This commit is contained in:
@@ -42,71 +42,69 @@ export function LeaderboardsTemplate({
|
||||
.slice(0, 5);
|
||||
|
||||
return (
|
||||
<Section variant="default" padding="none" py={12}>
|
||||
<Container size="full" padding="lg">
|
||||
<Stack gap={16}>
|
||||
<PageHeader
|
||||
title="Leaderboards"
|
||||
description="Global Performance Standings"
|
||||
icon={Activity}
|
||||
action={
|
||||
<Group gap={4}>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={onNavigateToDrivers}
|
||||
icon={<Icon icon={Trophy} size={4} />}
|
||||
>
|
||||
Drivers
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={onNavigateToTeams}
|
||||
icon={<Icon icon={Users} size={4} />}
|
||||
>
|
||||
Teams
|
||||
</Button>
|
||||
</Group>
|
||||
}
|
||||
/>
|
||||
<Section variant="default" padding="md">
|
||||
<Stack gap={16}>
|
||||
<PageHeader
|
||||
title="Leaderboards"
|
||||
description="Global Performance Standings"
|
||||
icon={Activity}
|
||||
action={
|
||||
<Group gap={4}>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={onNavigateToDrivers}
|
||||
icon={<Icon icon={Trophy} size={4} />}
|
||||
>
|
||||
Drivers
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={onNavigateToTeams}
|
||||
icon={<Icon icon={Users} size={4} />}
|
||||
>
|
||||
Teams
|
||||
</Button>
|
||||
</Group>
|
||||
}
|
||||
/>
|
||||
|
||||
{/* Top 10 2026 up top */}
|
||||
<DriverLeaderboardPreview
|
||||
title="Top 10 Drivers 2026"
|
||||
subtitle="Current Season Standings"
|
||||
drivers={top10Drivers}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
{/* Top 10 2026 up top */}
|
||||
<DriverLeaderboardPreview
|
||||
title="Top 10 Drivers 2026"
|
||||
subtitle="Current Season Standings"
|
||||
drivers={top10Drivers}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
|
||||
<FeatureGrid columns={{ base: 1, lg: 2 }} gap={12}>
|
||||
<TeamLeaderboardPreview
|
||||
teams={top5Teams.map(t => ({
|
||||
...t,
|
||||
logoUrl: t.logoUrl || ''
|
||||
}))}
|
||||
onTeamClick={onTeamClick}
|
||||
onNavigateToTeams={onNavigateToTeams}
|
||||
<FeatureGrid columns={{ base: 1, lg: 2 }} gap={12}>
|
||||
<TeamLeaderboardPreview
|
||||
teams={top5Teams.map(t => ({
|
||||
...t,
|
||||
logoUrl: t.logoUrl || ''
|
||||
}))}
|
||||
onTeamClick={onTeamClick}
|
||||
onNavigateToTeams={onNavigateToTeams}
|
||||
/>
|
||||
|
||||
<Stack gap={12}>
|
||||
<DriverLeaderboardPreview
|
||||
title="Top Newcomers"
|
||||
subtitle="Rising Stars (< 10 Races)"
|
||||
drivers={topNewcomers}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
|
||||
<Stack gap={12}>
|
||||
<DriverLeaderboardPreview
|
||||
title="Top Newcomers"
|
||||
subtitle="Rising Stars (< 10 Races)"
|
||||
drivers={topNewcomers}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
<DriverLeaderboardPreview
|
||||
title="Top All Time"
|
||||
subtitle="Most Wins"
|
||||
drivers={topAllTime}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
</Stack>
|
||||
</FeatureGrid>
|
||||
</Stack>
|
||||
</Container>
|
||||
<DriverLeaderboardPreview
|
||||
title="Top All Time"
|
||||
subtitle="Most Wins"
|
||||
drivers={topAllTime}
|
||||
onDriverClick={onDriverClick}
|
||||
onNavigateToDrivers={onNavigateToDrivers}
|
||||
/>
|
||||
</Stack>
|
||||
</FeatureGrid>
|
||||
</Stack>
|
||||
</Section>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user