From abe90ce18b0564545874723baed81671be457778 Mon Sep 17 00:00:00 2001
From: "MSI\\derek" <abc@gmail.com>
Date: Fri, 25 Jul 2025 11:56:43 +0800
Subject: [PATCH] update

---
 src/app/api/po/actions.ts               |  2 ++
 src/components/PoDetail/QcSelect.tsx    |  4 ++--
 src/components/PoDetail/StockInForm.tsx | 27 ++++++++++++++++++++++++-
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/app/api/po/actions.ts b/src/app/api/po/actions.ts
index f3c4e6a..159d08b 100644
--- a/src/app/api/po/actions.ts
+++ b/src/app/api/po/actions.ts
@@ -39,6 +39,8 @@ export interface PurchaseQcResult {
 export interface StockInInput {
   status: string;
   productLotNo?: string;
+  dnNo?: string;
+  invoiceNo?: string;
   receiptDate: string;
   acceptedQty: number;
   acceptedWeight?: number;
diff --git a/src/components/PoDetail/QcSelect.tsx b/src/components/PoDetail/QcSelect.tsx
index 4ceebea..b42732b 100644
--- a/src/components/PoDetail/QcSelect.tsx
+++ b/src/components/PoDetail/QcSelect.tsx
@@ -30,7 +30,7 @@ const QcSelect: React.FC<Props> = ({ allQcs, value, error, onQcSelect }) => {
   const filteredQc = useMemo(() => {
     // do filtering here if any
     return allQcs;
-  }, []);
+  }, [allQcs]);
   const options = useMemo(() => {
     return [
       {
@@ -44,7 +44,7 @@ const QcSelect: React.FC<Props> = ({ allQcs, value, error, onQcSelect }) => {
         group: "existing",
       })),
     ];
-  }, [filteredQc]);
+  }, [t, filteredQc]);
 
   const currentValue = options.find((o) => o.value === value) || options[0];
 
diff --git a/src/components/PoDetail/StockInForm.tsx b/src/components/PoDetail/StockInForm.tsx
index e8fc3e1..54249e1 100644
--- a/src/components/PoDetail/StockInForm.tsx
+++ b/src/components/PoDetail/StockInForm.tsx
@@ -96,7 +96,8 @@ const StockInForm: React.FC<Props> = ({
     console.log(expiryDate);
     if (expiryDate) clearErrors();
     if (productionDate) clearErrors();
-  }, [productionDate, expiryDate]);
+  }, [productionDate, expiryDate, clearErrors]);
+  
   return (
     <Grid container justifyContent="flex-start" alignItems="flex-start">
       <Grid item xs={12}>
@@ -111,6 +112,30 @@ const StockInForm: React.FC<Props> = ({
         spacing={2}
         sx={{ mt: 0.5 }}
       >
+        <Grid item xs={6}>
+          <TextField
+            label={t("dnNo")}
+            fullWidth
+            {...register("dnNo", {
+              // required: "productLotNo required!",
+            })}
+            disabled={disabled}
+            // error={Boolean(errors.productLotNo)}
+            // helperText={errors.productLotNo?.message}
+          />
+        </Grid>
+        <Grid item xs={6}>
+          <TextField
+            label={t("invoiceNo")}
+            fullWidth
+            {...register("invoiceNo", {
+              // required: "productLotNo required!",
+            })}
+            disabled={disabled}
+            // error={Boolean(errors.productLotNo)}
+            // helperText={errors.productLotNo?.message}
+          />
+        </Grid>
         <Grid item xs={4}>
           <TextField
             label={t("productLotNo")}