refactor(FE-212): replace quantity input with NumberInput for editable rows in PurchaseOrderStaffApprovalForm

src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx

@@ -712,22 +712,46 @@ const PurchaseOrderStaffApprovalForm = ({
                                     />
                                   </td>
                                   <td>
-                                    <TextInput
+                                    {type === 'edit' ? (
-                                      name={`items.${formItemIndex}.quantity`}
+                                      <NumberInput
-                                      type='text'
+                                        name={`items.${formItemIndex}.qty`}
-                                      value={
+                                        value={formItem?.qty || purchaseItem?.quantity || ''}
-                                        purchaseItem?.quantity
+                                        onChange={(e) => {
-                                          ? purchaseItem.quantity.toLocaleString(
+                                          const numValue =
-                                              'id-ID'
+                                            typeof e.target.value === 'string'
-                                            )
+                                              ? parseFloat(e.target.value) || 0
-                                          : ''
+                                              : e.target.value;
-                                      }
+                                          formik.setFieldValue(
-                                      readOnly={true}
+                                            `items.${formItemIndex}.qty`,
-                                      className={{
+                                            numValue
-                                        wrapper: 'min-w-24',
+                                          );
-                                      }}
+                                        }}
-                                      disabled={true}
+                                        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