admin
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
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>
|
|
);
|
|
}
|