website refactor
This commit is contained in:
@@ -2,11 +2,10 @@
|
||||
|
||||
import { Calendar, Car, Clock, LucideIcon } from 'lucide-react';
|
||||
import { Badge } from '@/ui/Badge';
|
||||
import { Box } from '@/ui/Box';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
import { Heading } from '@/ui/Heading';
|
||||
import { Hero } from '@/ui/Hero';
|
||||
import { Icon } from '@/ui/Icon';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
import { Text } from '@/ui/Text';
|
||||
|
||||
interface RaceHeroProps {
|
||||
@@ -28,7 +27,7 @@ export function RaceHero({ track, scheduledAt, car, status, statusConfig }: Race
|
||||
return (
|
||||
<Hero variant="primary">
|
||||
{status === 'running' && (
|
||||
<Box
|
||||
<Stack
|
||||
position="absolute"
|
||||
top="0"
|
||||
left="0"
|
||||
@@ -43,7 +42,7 @@ export function RaceHero({ track, scheduledAt, car, status, statusConfig }: Race
|
||||
<Stack direction="row" align="center" gap={3}>
|
||||
<Badge variant={statusConfig.variant}>
|
||||
{status === 'running' && (
|
||||
<Box w="2" h="2" bg="bg-performance-green" rounded="full" animate="pulse" mr={1.5} />
|
||||
<Stack w="2" h="2" bg="bg-performance-green" rounded="full" animate="pulse" mr={1.5} />
|
||||
)}
|
||||
<Icon icon={StatusIcon} size={4} />
|
||||
{statusConfig.label}
|
||||
|
||||
Reference in New Issue
Block a user