website refactor

apps/website/components/races/SessionStatusBadge.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+import { Badge } from '@/ui/Badge';
+
+export type SessionStatus = 'scheduled' | 'running' | 'completed' | 'cancelled' | 'delayed';
+
+interface SessionStatusBadgeProps {
+  status: SessionStatus;
+}
+
+export function SessionStatusBadge({ status }: SessionStatusBadgeProps) {
+  const config: Record<SessionStatus, { label: string; variant: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' }> = {
+    scheduled: {
+      label: 'SCHEDULED',
+      variant: 'primary',
+    },
+    running: {
+      label: 'LIVE',
+      variant: 'success',
+    },
+    completed: {
+      label: 'COMPLETED',
+      variant: 'default',
+    },
+    cancelled: {
+      label: 'CANCELLED',
+      variant: 'danger',
+    },
+    delayed: {
+      label: 'DELAYED',
+      variant: 'warning',
+    },
+  };
+
+  const { label, variant } = config[status] || config.scheduled;
+
+  return (
+    <Badge variant={variant} size="sm">
+      {label}
+    </Badge>
+  );
+}