website refactor

This commit is contained in:
2026-01-18 16:18:18 +01:00
parent 0b301feb61
commit 13567d51af
329 changed files with 4701 additions and 4750 deletions

View File

@@ -1,6 +1,5 @@
import React from 'react';
import { Users } from 'lucide-react';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Icon } from '@/ui/Icon';
@@ -43,9 +42,9 @@ export function TeamRankingsTable({ teams, sortBy, onTeamClick }: TeamRankingsTa
<Text size="xs" weight="medium" color="text-gray-500" block>Team</Text>
</TableHeader>
<TableHeader>
<Box display={{ base: 'none', lg: 'block' }}>
<Stack display={{ base: 'none', lg: 'block' }}>
<Text size="xs" weight="medium" color="text-gray-500" align="center" block>Members</Text>
</Box>
</Stack>
</TableHeader>
<TableHeader>
<Text size="xs" weight="medium" color="text-gray-500" align="center" block>Rating</Text>
@@ -74,26 +73,26 @@ export function TeamRankingsTable({ teams, sortBy, onTeamClick }: TeamRankingsTa
/>
</TableCell>
<TableCell>
<Box display={{ base: 'none', lg: 'flex' }} alignItems="center" justifyContent="center">
<Stack display={{ base: 'none', lg: 'flex' }} alignItems="center" justifyContent="center">
<Stack direction="row" align="center" gap={1.5}>
<Icon icon={Users} size={3.5} color="text-gray-500" />
<Text size="sm" color="text-gray-400">{team.memberCount}</Text>
</Stack>
</Box>
</Stack>
</TableCell>
<TableCell>
<Box display="flex" center>
<Stack display="flex" center>
<Text font="mono" weight="semibold" color={sortBy === 'rating' ? 'text-primary-blue' : 'text-white'}>
0
</Text>
</Box>
</Stack>
</TableCell>
<TableCell>
<Box display="flex" center>
<Stack display="flex" center>
<Text font="mono" weight="semibold" color={sortBy === 'wins' ? 'text-primary-blue' : 'text-white'}>
{team.totalWins}
</Text>
</Box>
</Stack>
</TableCell>
</TableRow>
))}