修正bug

resources/js/Components/PurchaseOrder/PurchaseOrderActions.tsx

@@ -1,4 +1,4 @@
-import { Edit, Eye, Trash2 } from "lucide-react";
+import { Pencil, Eye, Trash2 } from "lucide-react";
 import { Button } from "@/Components/ui/button";
 import { Link, useForm } from "@inertiajs/react";
 import type { PurchaseOrder } from "@/types/purchase-order";
@@ -38,13 +38,13 @@ export function PurchaseOrderActions({
                     className="button-outlined-primary h-8 w-8 p-0"
                     title="編輯採購單"
                 >
-                    <Edit className="h-4 w-4" />
+                    <Pencil 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"
+                className="button-outlined-error h-8 w-8 p-0"
                 title="刪除採購單"
                 onClick={handleDelete}
                 disabled={processing}

resources/js/Components/Warehouse/TransferOrderDialog.tsx

@@ -255,7 +255,7 @@ export default function TransferOrderDialog({
             <Select
               value={
                 formData.productId && formData.batchNumber
-                  ? `${formData.productId}||| ${formData.batchNumber} `
+                  ? `${formData.productId}|||${formData.batchNumber}`
                   : ""
               }
               onValueChange={handleProductChange}
@@ -272,10 +272,10 @@ export default function TransferOrderDialog({
                 ) : (
                   availableProducts.map((product) => (
                     <SelectItem
-                      key={`${product.productId}||| ${product.batchNumber} `}
-                      value={`${product.productId}||| ${product.batchNumber} `}
+                      key={`${product.productId}|||${product.batchNumber}`}
+                      value={`${product.productId}|||${product.batchNumber}`}
                     >
-                      {product.productName} - 批號: {product.batchNumber} (庫存:{" "}
+                      {product.productName} (庫存:{" "}
                       {product.availableQty})
                     </SelectItem>
                   ))
@@ -300,11 +300,13 @@ export default function TransferOrderDialog({
                   setFormData({ ...formData, quantity: Number(e.target.value) })
                 }
               />
-              {selectedProduct && (
-                <p className="text-sm text-gray-500">
-                  可用庫存: {selectedProduct.availableQty}
-                </p>
-              )}
+              <div className="h-5">
+                {selectedProduct && (
+                  <p className="text-sm text-gray-500">
+                    可用庫存: {selectedProduct.availableQty}
+                  </p>
+                )}
+              </div>
             </div>
 
             <div className="space-y-2">