Rephl3x
3015f48118
Some checks failed
CI / Lint & Typecheck (push) Has been cancelled
CI / Test (routes) (push) Has been cancelled
CI / Test (security) (push) Has been cancelled
CI / Test (services) (push) Has been cancelled
CI / Test (unit) (push) Has been cancelled
CI / Test (integration) (push) Has been cancelled
CI / Test Coverage (push) Has been cancelled
CI / Build (push) Has been cancelled
24 lines
653 B
TypeScript
24 lines
653 B
TypeScript
import { Badge } from '@/components/ui/badge';
|
|
import type { ViolationSeverity } from '@tracearr/shared';
|
|
import { SEVERITY_LEVELS } from '@tracearr/shared';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
interface SeverityBadgeProps {
|
|
severity: ViolationSeverity;
|
|
className?: string;
|
|
}
|
|
|
|
const severityVariants: Record<ViolationSeverity, 'success' | 'warning' | 'danger'> = {
|
|
low: 'success',
|
|
warning: 'warning',
|
|
high: 'danger',
|
|
};
|
|
|
|
export function SeverityBadge({ severity, className }: SeverityBadgeProps) {
|
|
return (
|
|
<Badge variant={severityVariants[severity]} className={cn(className)}>
|
|
{SEVERITY_LEVELS[severity].label}
|
|
</Badge>
|
|
);
|
|
}
|