Files
gridpilot.gg/apps/website/components/actions/ActionStatusBadge.tsx
2026-01-18 16:18:18 +01:00

27 lines
559 B
TypeScript

'use client';
import { Badge } from '@/ui/Badge';
interface ActionStatusBadgeProps {
status: 'PENDING' | 'COMPLETED' | 'FAILED' | 'IN_PROGRESS';
}
export function ActionStatusBadge({ status }: ActionStatusBadgeProps) {
const variants: Record<string, 'warning' | 'success' | 'danger' | 'info'> = {
PENDING: 'warning',
COMPLETED: 'success',
FAILED: 'danger',
IN_PROGRESS: 'info',
};
return (
<Badge
variant={variants[status]}
size="sm"
rounded="sm"
>
{status.replace('_', ' ')}
</Badge>
);
}