56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
|
/**
|
|||
|
|
* 廠商刪除確認對話框
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import {
|
|||
|
|
AlertDialog,
|
|||
|
|
AlertDialogAction,
|
|||
|
|
AlertDialogCancel,
|
|||
|
|
AlertDialogContent,
|
|||
|
|
AlertDialogDescription,
|
|||
|
|
AlertDialogFooter,
|
|||
|
|
AlertDialogHeader,
|
|||
|
|
AlertDialogTitle,
|
|||
|
|
} from "@/Components/ui/alert-dialog";
|
|||
|
|
import type { Supplier } from "@/types/vendor";
|
|||
|
|
|
|||
|
|
interface VendorDeleteDialogProps {
|
|||
|
|
open: boolean;
|
|||
|
|
supplier: Supplier | null;
|
|||
|
|
onConfirm: () => void;
|
|||
|
|
onCancel: () => void;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default function VendorDeleteDialog({
|
|||
|
|
open,
|
|||
|
|
supplier,
|
|||
|
|
onConfirm,
|
|||
|
|
onCancel,
|
|||
|
|
}: VendorDeleteDialogProps) {
|
|||
|
|
return (
|
|||
|
|
<AlertDialog open={open} onOpenChange={onCancel}>
|
|||
|
|
<AlertDialogContent>
|
|||
|
|
<AlertDialogHeader>
|
|||
|
|
<AlertDialogTitle>確認刪除廠商</AlertDialogTitle>
|
|||
|
|
<AlertDialogDescription>
|
|||
|
|
確定要刪除 {supplier?.name} 廠商嗎？此操作無法撤銷。
|
|||
|
|
</AlertDialogDescription>
|
|||
|
|
</AlertDialogHeader>
|
|||
|
|
<AlertDialogFooter>
|
|||
|
|
<AlertDialogCancel
|
|||
|
|
className="gap-2 button-outlined-primary"
|
|||
|
|
>
|
|||
|
|
取消
|
|||
|
|
</AlertDialogCancel>
|
|||
|
|
<AlertDialogAction
|
|||
|
|
className="gap-2 button-filled-error"
|
|||
|
|
onClick={onConfirm}
|
|||
|
|
>
|
|||
|
|
刪除
|
|||
|
|
</AlertDialogAction>
|
|||
|
|
</AlertDialogFooter>
|
|||
|
|
</AlertDialogContent>
|
|||
|
|
</AlertDialog>
|
|||
|
|
);
|
|||
|
|
}
|