d91ec8869e
feat: implement delete confirmation dialog component for better UX refactor: update supplier and role index pages to utilize new form dialog and delete confirm dialog components feat: add reusable form dialog component for creating and editing entities feat: introduce filter popover component for enhanced filtering options in data tables feat: create image preview button component for displaying images with modal preview feat: add page header component for consistent page layout feat: implement row actions component for handling actions on table rows feat: add status badge component for displaying entity statuses feat: create toggle status component for easily toggling entity states feat: implement draft save hook for auto-saving form data feat: add server table hook for managing server-side pagination and filtering feat: create utility functions for formatting dates and numbers feat: add constants for month names and measurement units
28 lines
586 B
TypeScript
28 lines
586 B
TypeScript
import { Badge } from '@/components/ui/badge';
|
|
|
|
type StatusBadgeConfig = Record<string, { label: string; className: string }>;
|
|
|
|
type StatusBadgeProps = {
|
|
status: string;
|
|
config: StatusBadgeConfig;
|
|
fallbackKey?: string;
|
|
};
|
|
|
|
export function StatusBadge({
|
|
status,
|
|
config,
|
|
fallbackKey = 'pending',
|
|
}: StatusBadgeProps) {
|
|
const resolved = config[status] ?? config[fallbackKey];
|
|
|
|
if (!resolved) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Badge variant="secondary" className={resolved.className}>
|
|
{resolved.label}
|
|
</Badge>
|
|
);
|
|
}
|