35 lines
741 B
TypeScript
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>
|
|
);
|
|
}
|