website refactor

This commit is contained in:
2026-01-21 02:02:01 +01:00
parent c06f93f1b6
commit a6e93acb37
4 changed files with 57 additions and 49 deletions

View File

@@ -64,20 +64,23 @@ export function LeagueOverviewTemplate({ viewData }: LeagueOverviewTemplateProps
<Box border borderColor="zinc-800" bg="zinc-900/30" overflow="hidden">
<table className="w-full text-left border-collapse">
<tbody>
{viewData.adminSummaries.concat(viewData.stewardSummaries).concat(viewData.memberSummaries).slice(0, 5).map((member) => (
<tr key={member.driverId} className="border-b border-zinc-800/50">
<td className="px-6 py-3">
<Box display="flex" alignItems="center" gap={3}>
<Box w="6" h="6" bg="zinc-800" rounded="full" />
<Text size="sm" weight="bold" color="text-white">{member.driverName}</Text>
</Box>
</td>
<td className="px-6 py-3 text-right">
<Text size="xs" color="text-zinc-500" uppercase weight="bold">{member.roleBadgeText}</Text>
</td>
</tr>
))}
{viewData.adminSummaries.length === 0 && viewData.stewardSummaries.length === 0 && viewData.memberSummaries.length === 0 && (
{[viewData.ownerSummary, ...viewData.adminSummaries, ...viewData.stewardSummaries, ...viewData.memberSummaries]
.filter((m): m is any => m !== null)
.slice(0, 5)
.map((member) => (
<tr key={member.driverId} className="border-b border-zinc-800/50">
<td className="px-6 py-3">
<Box display="flex" alignItems="center" gap={3}>
<Box w="6" h="6" bg="zinc-800" rounded="full" />
<Text size="sm" weight="bold" color="text-white">{member.driverName}</Text>
</Box>
</td>
<td className="px-6 py-3 text-right">
<Text size="xs" color="text-zinc-500" uppercase weight="bold">{member.roleBadgeText}</Text>
</td>
</tr>
))}
{viewData.adminSummaries.length === 0 && viewData.stewardSummaries.length === 0 && viewData.memberSummaries.length === 0 && !viewData.ownerSummary && (
<tr>
<td className="px-6 py-8 text-center">
<Text size="sm" color="text-zinc-600" italic>No members to display</Text>