mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-24 23:35:45 +00:00
refactor(FE): Refactor product options handling in
InventoryAdjustmentForm
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { isResponseError } from '@/lib/api-helper';
|
import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
|
||||||
import {
|
import {
|
||||||
InventoryAdjustmentApi,
|
InventoryAdjustmentApi,
|
||||||
ProductWarehouseApi,
|
ProductWarehouseApi,
|
||||||
@@ -182,10 +182,9 @@ const InventoryAdjustmentForm = ({
|
|||||||
|
|
||||||
const {
|
const {
|
||||||
setInputValue: setProductInputValue,
|
setInputValue: setProductInputValue,
|
||||||
options: productOptions,
|
|
||||||
rawData: productWarehouseRawData,
|
|
||||||
isLoadingOptions: isLoadingProductOptions,
|
isLoadingOptions: isLoadingProductOptions,
|
||||||
loadMore: loadMoreProducts,
|
loadMore: loadMoreProducts,
|
||||||
|
rawData: productWarehouses,
|
||||||
} = useSelect<ProductWarehouse>(
|
} = useSelect<ProductWarehouse>(
|
||||||
selectedKandang && selectedProjectFlockLocationId
|
selectedKandang && selectedProjectFlockLocationId
|
||||||
? ProductWarehouseApi.basePath
|
? ProductWarehouseApi.basePath
|
||||||
@@ -199,6 +198,15 @@ const InventoryAdjustmentForm = ({
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const productOptions = useMemo(() => {
|
||||||
|
return isResponseSuccess(productWarehouses)
|
||||||
|
? productWarehouses.data.map((pw) => ({
|
||||||
|
value: pw.product.id,
|
||||||
|
label: pw.product.name,
|
||||||
|
}))
|
||||||
|
: [];
|
||||||
|
}, [productWarehouses]);
|
||||||
|
|
||||||
const kandangOptions = useMemo(() => {
|
const kandangOptions = useMemo(() => {
|
||||||
let options: OptionType[] = [];
|
let options: OptionType[] = [];
|
||||||
|
|
||||||
@@ -345,23 +353,7 @@ const InventoryAdjustmentForm = ({
|
|||||||
|
|
||||||
const productChangeHandler = (val: OptionType | OptionType[] | null) => {
|
const productChangeHandler = (val: OptionType | OptionType[] | null) => {
|
||||||
const product = val as OptionType | null;
|
const product = val as OptionType | null;
|
||||||
const productWarehouseId = product?.value ?? 0;
|
const productId = (product?.value as number) ?? 0;
|
||||||
|
|
||||||
let productId = 0;
|
|
||||||
if (
|
|
||||||
productWarehouseId &&
|
|
||||||
productWarehouseRawData &&
|
|
||||||
'data' in productWarehouseRawData
|
|
||||||
) {
|
|
||||||
const productWarehouses =
|
|
||||||
productWarehouseRawData.data as ProductWarehouse[];
|
|
||||||
const selectedProductWarehouse = productWarehouses.find(
|
|
||||||
(pw) => pw.id === productWarehouseId
|
|
||||||
);
|
|
||||||
if (selectedProductWarehouse) {
|
|
||||||
productId = selectedProductWarehouse.product_id;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
formik.setFieldTouched('product', true);
|
formik.setFieldTouched('product', true);
|
||||||
formik.setFieldValue('product', product);
|
formik.setFieldValue('product', product);
|
||||||
|
|||||||
Reference in New Issue
Block a user