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

This commit is contained in:
rstubryan
2025-11-22 13:32:10 +07:00
parent 09065f59cf
commit 01b9595606
@@ -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