54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { useState } from 'react';
|
|
import { ConfirmDialog } from '@/components/dialogs';
|
|
|
|
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>) {
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
function handleConfirm() {
|
|
setLoading(true);
|
|
onConfirm();
|
|
}
|
|
|
|
return (
|
|
<ConfirmDialog
|
|
open={target !== null}
|
|
onOpenChange={(open) => {
|
|
if (!open) {
|
|
setLoading(false);
|
|
}
|
|
onOpenChange(open);
|
|
}}
|
|
title={title}
|
|
description={
|
|
typeof description === 'function' && target
|
|
? description(target)
|
|
: typeof description === 'string'
|
|
? description
|
|
: ''
|
|
}
|
|
confirmLabel={confirmLabel}
|
|
variant={variant}
|
|
onConfirm={handleConfirm}
|
|
loading={loading}
|
|
/>
|
|
);
|
|
}
|