Files
triggerdotdev--trigger.dev/apps/webapp/app/components/errors/ErrorStatusBadge.tsx
T
2026-07-13 13:32:57 +08:00

35 lines
741 B
TypeScript

import { type ErrorGroupStatus } from "@trigger.dev/database";
import { cn } from "~/utils/cn";
const styles: Record<ErrorGroupStatus, string> = {
UNRESOLVED: "bg-error/10 text-error",
RESOLVED: "bg-success/10 text-success",
IGNORED: "bg-blue-500/10 text-blue-400",
};
const labels: Record<ErrorGroupStatus, string> = {
UNRESOLVED: "Unresolved",
RESOLVED: "Resolved",
IGNORED: "Ignored",
};
export function ErrorStatusBadge({
status,
className,
}: {
status: ErrorGroupStatus;
className?: string;
}) {
return (
<span
className={cn(
"inline-flex items-center rounded px-2 py-0.5 text-xs font-medium",
styles[status],
className
)}
>
{labels[status]}
</span>
);
}