44 lines
973 B
TypeScript
44 lines
973 B
TypeScript
'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>
|
|
);
|
|
}
|