website refactor
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
import React from 'react';
|
||||
import { Box } from '@/ui/Box';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
import { Text } from '@/ui/Text';
|
||||
import { Image } from '@/ui/Image';
|
||||
@@ -14,7 +13,7 @@ interface TeamIdentityProps {
|
||||
export function TeamIdentity({ name, logoUrl, performanceLevel, category }: TeamIdentityProps) {
|
||||
return (
|
||||
<Stack direction="row" align="center" gap={3}>
|
||||
<Box width="10" height="10" rounded="lg" overflow="hidden" border borderColor="border-charcoal-outline">
|
||||
<Stack width="10" height="10" rounded="lg" overflow="hidden" border borderColor="border-charcoal-outline">
|
||||
<Image
|
||||
src={logoUrl}
|
||||
alt={name}
|
||||
@@ -24,8 +23,8 @@ export function TeamIdentity({ name, logoUrl, performanceLevel, category }: Team
|
||||
fullHeight
|
||||
objectFit="cover"
|
||||
/>
|
||||
</Box>
|
||||
<Box flex={1}>
|
||||
</Stack>
|
||||
<Stack flex={1}>
|
||||
<Text weight="semibold" color="text-white" block truncate>{name}</Text>
|
||||
{(performanceLevel || category) && (
|
||||
<Stack direction="row" align="center" gap={2} mt={1} wrap>
|
||||
@@ -34,13 +33,13 @@ export function TeamIdentity({ name, logoUrl, performanceLevel, category }: Team
|
||||
)}
|
||||
{category && (
|
||||
<Stack direction="row" align="center" gap={1}>
|
||||
<Box width="1.5" height="1.5" rounded="full" bg="bg-primary-blue" opacity={0.5} />
|
||||
<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>
|
||||
)}
|
||||
</Stack>
|
||||
)}
|
||||
</Box>
|
||||
</Stack>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user