ab9828ae95
Create shared status-colors.ts module as single source of truth for all status and priority color definitions. Replace hardcoded color classes in StatusIcon, StatusBadge, PriorityIcon, NewIssueDialog, Agents, AgentDetail, and DesignGuide. Fix inconsistent hues (in_progress was yellow in StatusIcon but indigo in StatusBadge, blocked was red vs amber). Bump identifier text from text-xs to text-sm and improve MetricCard label legibility. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
16 lines
412 B
TypeScript
16 lines
412 B
TypeScript
import { cn } from "../lib/utils";
|
|
import { statusBadge, statusBadgeDefault } from "../lib/status-colors";
|
|
|
|
export function StatusBadge({ status }: { status: string }) {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",
|
|
statusBadge[status] ?? statusBadgeDefault
|
|
)}
|
|
>
|
|
{status.replace("_", " ")}
|
|
</span>
|
|
);
|
|
}
|