first commit

resources/js/Components/PurchaseOrder/PurchaseOrderActions.tsx

@@ -0,0 +1,33 @@
+import { Edit, Eye } from "lucide-react";
+import { Button } from "@/Components/ui/button";
+import { Link } from "@inertiajs/react";
+import type { PurchaseOrder } from "@/types/purchase-order";
+
+export function PurchaseOrderActions({
+    order,
+}: { order: PurchaseOrder }) {
+    return (
+        <div className="flex justify-end gap-2">
+            <Link href={`/purchase-orders/${order.id}`}>
+                <Button
+                    variant="outline"
+                    size="sm"
+                    className="button-outlined-primary h-8 w-8 p-0"
+                    title="查看採購單"
+                >
+                    <Eye className="h-4 w-4" />
+                </Button>
+            </Link>
+            <Link href={`/purchase-orders/${order.id}/edit`}>
+                <Button
+                    variant="outline"
+                    size="sm"
+                    className="button-outlined-primary h-8 w-8 p-0"
+                    title="編輯採購單"
+                >
+                    <Edit className="h-4 w-4" />
+                </Button>
+            </Link>
+        </div>
+    );
+}