João Salavisa
5257dfbaab
Co-authored-by: Kandev Agent <agent@kandev.dev> Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { Badge } from "@kandev/ui/badge";
|
|
import { SEVERITY_LABEL_KEYS } from "@/lib/review/format";
|
|
import type { ReviewSeverity } from "@/lib/types/review";
|
|
import { t } from "@/lib/i18n";
|
|
|
|
/**
|
|
* Severity styling. `blocker` and `major` carry destructive weight because they
|
|
* assert something is wrong; `minor` and `nit` stay muted so a long tail of
|
|
* small notes cannot visually drown a real defect.
|
|
*/
|
|
const SEVERITY_CLASS: Record<ReviewSeverity, string> = {
|
|
blocker: "border-destructive/40 bg-destructive/15 text-destructive",
|
|
major: "border-amber-500/40 bg-amber-500/15 text-amber-700 dark:text-amber-400",
|
|
minor: "border-border bg-muted text-muted-foreground",
|
|
nit: "border-border bg-muted text-muted-foreground",
|
|
};
|
|
|
|
export function ReviewFindingSeverityBadge({ severity }: { severity: ReviewSeverity }) {
|
|
return (
|
|
<Badge
|
|
variant="outline"
|
|
className={`px-1.5 py-0 text-[10px] font-semibold uppercase tracking-wide ${
|
|
SEVERITY_CLASS[severity] ?? SEVERITY_CLASS.minor
|
|
}`}
|
|
data-testid={`review-finding-severity-${severity}`}
|
|
>
|
|
{t(SEVERITY_LABEL_KEYS[severity] ?? severity)}
|
|
</Badge>
|
|
);
|
|
}
|