251205:0000 Just start debug backend/frontend

frontend/components/common/status-badge.tsx

@@ -0,0 +1,63 @@
+import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
+
+interface StatusBadgeProps {
+  status: string;
+  className?: string;
+}
+
+const statusConfig: Record<string, { label: string; variant: string }> = {
+  DRAFT: { label: "Draft", variant: "secondary" },
+  PENDING: { label: "Pending", variant: "warning" }, // Note: Shadcn/UI might not have 'warning' variant by default, may need custom CSS or use 'secondary'
+  IN_REVIEW: { label: "In Review", variant: "default" }, // Using 'default' (primary) for In Review
+  APPROVED: { label: "Approved", variant: "success" }, // Note: 'success' might need custom CSS
+  REJECTED: { label: "Rejected", variant: "destructive" },
+  CLOSED: { label: "Closed", variant: "outline" },
+};
+
+// Fallback for unknown statuses
+const defaultStatus = { label: "Unknown", variant: "outline" };
+
+export function StatusBadge({ status, className }: StatusBadgeProps) {
+  const config = statusConfig[status] || { label: status, variant: "default" };
+
+  // Mapping custom variants to Shadcn Badge variants if needed
+  // For now, we'll assume standard variants or rely on className overrides for colors
+  let badgeVariant: "default" | "secondary" | "destructive" | "outline" = "default";
+  let customClass = "";
+
+  switch (config.variant) {
+    case "secondary":
+      badgeVariant = "secondary";
+      break;
+    case "destructive":
+      badgeVariant = "destructive";
+      break;
+    case "outline":
+      badgeVariant = "outline";
+      break;
+    case "warning":
+      badgeVariant = "secondary"; // Fallback
+      customClass = "bg-yellow-500 hover:bg-yellow-600 text-white";
+      break;
+    case "success":
+      badgeVariant = "default"; // Fallback
+      customClass = "bg-green-500 hover:bg-green-600 text-white";
+      break;
+    case "info":
+      badgeVariant = "default";
+      customClass = "bg-blue-500 hover:bg-blue-600 text-white";
+      break;
+    default:
+      badgeVariant = "default";
+  }
+
+  return (
+    <Badge
+      variant={badgeVariant}
+      className={cn("uppercase", customClass, className)}
+    >
+      {config.label}
+    </Badge>
+  );
+}