first commit

resources/js/Components/Vendor/VendorDeleteDialog.tsx

@@ -0,0 +1,55 @@
+/**
+ * 廠商刪除確認對話框
+ */
+
+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>
+    );
+}