From 01b95956061989041fedcb676766ecc260ad9f6c Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 22 Nov 2025 13:32:10 +0700
Subject: [PATCH] refactor(FE-212): replace quantity input with NumberInput for
 editable rows in PurchaseOrderStaffApprovalForm

---
 .../order/PurchaseOrderStaffApprovalForm.tsx  | 56 +++++++++++++------
 1 file changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index 9cbca9ee..13581d08 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -712,22 +712,46 @@ const PurchaseOrderStaffApprovalForm = ({
                                     />
                                   </td>
                                   <td>
-                                    <TextInput
-                                      name={`items.${formItemIndex}.quantity`}
-                                      type='text'
-                                      value={
-                                        purchaseItem?.quantity
-                                          ? purchaseItem.quantity.toLocaleString(
-                                              'id-ID'
-                                            )
-                                          : ''
-                                      }
-                                      readOnly={true}
-                                      className={{
-                                        wrapper: 'min-w-24',
-                                      }}
-                                      disabled={true}
-                                    />
+                                    {type === 'edit' ? (
+                                      <NumberInput
+                                        name={`items.${formItemIndex}.qty`}
+                                        value={formItem?.qty || purchaseItem?.quantity || ''}
+                                        onChange={(e) => {
+                                          const numValue =
+                                            typeof e.target.value === 'string'
+                                              ? parseFloat(e.target.value) || 0
+                                              : e.target.value;
+                                          formik.setFieldValue(
+                                            `items.${formItemIndex}.qty`,
+                                            numValue
+                                          );
+                                        }}
+                                        onBlur={formik.handleBlur}
+                                        placeholder='Masukkan jumlah'
+                                        allowNegative={false}
+                                        decimalScale={0}
+                                        className={{
+                                          wrapper: 'min-w-24',
+                                        }}
+                                      />
+                                    ) : (
+                                      <TextInput
+                                        name={`items.${formItemIndex}.quantity`}
+                                        type='text'
+                                        value={
+                                          purchaseItem?.quantity
+                                            ? purchaseItem.quantity.toLocaleString(
+                                                'id-ID'
+                                              )
+                                            : ''
+                                        }
+                                        readOnly={true}
+                                        className={{
+                                          wrapper: 'min-w-24',
+                                        }}
+                                        disabled={true}
+                                      />
+                                    )}
                                   </td>
                                   <td>
                                     <TextInput