chore: bypass dns using host ip

resources/js/Components/PurchaseOrder/PurchaseOrderActions.tsx

@@ -1,11 +1,24 @@
-import { Edit, Eye } from "lucide-react";
+import { Edit, Eye, Trash2 } from "lucide-react";
 import { Button } from "@/Components/ui/button";
-import { Link } from "@inertiajs/react";
+import { Link, useForm } from "@inertiajs/react";
 import type { PurchaseOrder } from "@/types/purchase-order";
+import { toast } from "sonner";
 
 export function PurchaseOrderActions({
     order,
 }: { order: PurchaseOrder }) {
+    const { delete: destroy, processing } = useForm({});
+
+    const handleDelete = () => {
+        if (confirm(`確定要刪除採購單 ${order.poNumber} 嗎？`)) {
+            // @ts-ignore
+            destroy(route('purchase-orders.destroy', order.id), {
+                onSuccess: () => toast.success("採購單已成功刪除"),
+                onError: (errors: any) => toast.error(errors.error || "刪除過程中發生錯誤"),
+            });
+        }
+    };
+
     return (
         <div className="flex justify-end gap-2">
             <Link href={`/purchase-orders/${order.id}`}>
@@ -28,6 +41,16 @@ export function PurchaseOrderActions({
                     <Edit className="h-4 w-4" />
                 </Button>
             </Link>
+            <Button
+                variant="outline"
+                size="sm"
+                className="hover:bg-red-50 hover:text-red-600 hover:border-red-200 text-gray-500 h-8 w-8 p-0 transition-colors"
+                title="刪除採購單"
+                onClick={handleDelete}
+                disabled={processing}
+            >
+                <Trash2 className="h-4 w-4" />
+            </Button>
         </div>
     );
 }