gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-24 07:15:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-208): streamline supplier change handling and reset purchase items in PurchaseRequestForm

Browse Source
This commit is contained in:
rstubryan
2025-11-20 15:25:39 +07:00
parent f1e5692f8f
commit e640bce8ea
1 changed files with 37 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/purchase/form/request/PurchaseRequestForm.tsx
+37 -21
View File
@@ -1,6 +1,6 @@
'use client'; 'use client';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useEffect, useMemo, useState } from 'react';
import { useFormik } from 'formik'; import { useFormik } from 'formik';
import useSWR from 'swr'; import useSWR from 'swr';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
@@ -330,17 +330,9 @@ const PurchaseRequestForm = ({
setSelectedPurchaseItems([]); setSelectedPurchaseItems([]);
}; };
// ===== FORM HANDLERS ===== // ===== UTILITY FUNCTIONS =====
const handleSupplierChange = useCallback( const updateCreditTermBasedOnSupplier = useCallback(
(val: OptionType | OptionType[] | null) => { (supplierId: number) => {
const supplier = val as OptionType | null;
const supplierId = Number(supplier?.value);
formik.setFieldTouched('supplier', true);
formik.setFieldValue('supplier', supplier);
formik.setFieldTouched('supplier_id', true);
formik.setFieldValue('supplier_id', supplierId);
if (supplierId > 0 && isResponseSuccess(supplierRawData)) { if (supplierId > 0 && isResponseSuccess(supplierRawData)) {
const supplierData = supplierRawData.data.find( const supplierData = supplierRawData.data.find(
(s: Supplier) => s.id === supplierId (s: Supplier) => s.id === supplierId
@@ -356,16 +348,40 @@ const PurchaseRequestForm = ({
formik.setFieldTouched('credit_term', false); formik.setFieldTouched('credit_term', false);
formik.setFieldValue('credit_term', ''); formik.setFieldValue('credit_term', '');
} }
if (formik.values.items) {
formik.values.items.forEach((_, idx) => {
formik.setFieldValue(`items.${idx}.product`, null);
formik.setFieldValue(`items.${idx}.product_id`, 0);
formik.setFieldValue(`items.${idx}.qty`, 0);
});
}
}, },
[, supplierRawData] [supplierRawData]
);
const resetPurchaseItems = useCallback(() => {
if (formik.values.items) {
formik.values.items.forEach((_, idx) => {
formik.setFieldValue(`items.${idx}.product`, null);
formik.setFieldValue(`items.${idx}.product_id`, 0);
formik.setFieldValue(`items.${idx}.qty`, 0);
});
}
}, []);
// ===== SIDE EFFECTS =====
useEffect(() => {
if (formik.values.supplier_id) {
updateCreditTermBasedOnSupplier(Number(formik.values.supplier_id));
resetPurchaseItems();
}
}, [formik.values.supplier_id]);
// ===== FORM HANDLERS =====
const handleSupplierChange = useCallback(
(val: OptionType | OptionType[] | null) => {
const supplier = val as OptionType | null;
const supplierId = Number(supplier?.value);
formik.setFieldTouched('supplier', true);
formik.setFieldValue('supplier', supplier);
formik.setFieldTouched('supplier_id', true);
formik.setFieldValue('supplier_id', supplierId);
},
[]
); );
const handleAreaChange = useCallback( const handleAreaChange = useCallback(