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
40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import { ConfirmDialog } from '@/components/confirm-dialog';
|
|
|
|
type DeleteConfirmDialogProps<T> = {
|
|
target: T | null;
|
|
onOpenChange: (open: boolean) => void;
|
|
title: string;
|
|
description?: string | ((target: T) => string);
|
|
confirmLabel?: string;
|
|
variant?: 'default' | 'destructive';
|
|
onConfirm: () => void;
|
|
};
|
|
|
|
export function DeleteConfirmDialog<T>({
|
|
target,
|
|
onOpenChange,
|
|
title,
|
|
description,
|
|
confirmLabel = 'Hapus',
|
|
variant,
|
|
onConfirm,
|
|
}: DeleteConfirmDialogProps<T>) {
|
|
return (
|
|
<ConfirmDialog
|
|
open={target !== null}
|
|
onOpenChange={onOpenChange}
|
|
title={title}
|
|
description={
|
|
typeof description === 'function' && target
|
|
? description(target)
|
|
: typeof description === 'string'
|
|
? description
|
|
: ''
|
|
}
|
|
confirmLabel={confirmLabel}
|
|
variant={variant}
|
|
onConfirm={onConfirm}
|
|
/>
|
|
);
|
|
}
|