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-18 23:36:04 +01:00
parent 182056a57b
commit 7c1cf62d4e
16 changed files with 317 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apps/website/components/teams/TeamIdentity.tsx
View File

@@ -1,44 +1,32 @@
import { Image } from '@/ui/Image';
import { Stack } from '@/ui/Stack';
import { TeamLogo } from '@/components/teams/TeamLogo';
import { Text } from '@/ui/Text';
import { BadgeGroup } from '@/ui/BadgeGroup';
import { Group } from '@/ui/Group';
interface TeamIdentityProps {
name: string;
logoUrl: string;
performanceLevel?: string;
category?: string;
}
export function TeamIdentity({ name, logoUrl, performanceLevel, category }: TeamIdentityProps) {
return (
<Stack direction="row" align="center" gap={3}>
<Stack width="10" height="10" rounded="lg" overflow="hidden" border borderColor="border-charcoal-outline">
<Image
src={logoUrl}
alt={name}
width={40}
height={40}
fullWidth
fullHeight
objectFit="cover"
/>
</Stack>
<Stack flex={1}>
<Text weight="semibold" color="text-white" block truncate>{name}</Text>
<Group gap={3}>
<TeamLogo src={logoUrl} alt={name} size={40} />
<Group direction="col" align="start" gap={1} fullWidth>
<Text weight="semibold" variant="high" block truncate>{name}</Text>
{(performanceLevel || category) && (
<Stack direction="row" align="center" gap={2} mt={1} wrap>
<BadgeGroup>
{performanceLevel && (
<Text size="xs" color="text-gray-500">{performanceLevel}</Text>
<Text size="xs" variant="low">{performanceLevel}</Text>
)}
{category && (
<Stack direction="row" align="center" gap={1}>
<Stack width="1.5" height="1.5" rounded="full" bg="bg-primary-blue" opacity={0.5} />
<Text size="xs" color="text-primary-blue">{category}</Text>
</Stack>
<Text size="xs" variant="primary">{category}</Text>
)}
</Stack>
</BadgeGroup>
)}
</Stack>
</Stack>
</Group>
</Group>
);
}