chore(FE-prettier): Format code for better readability in inventory

tables
This commit is contained in:
rstubryan
2026-03-16 11:02:25 +07:00
parent c4e27edd56
commit c1087b37fb
2 changed files with 35 additions and 9 deletions
@@ -242,7 +242,11 @@ const InventoryAdjustmentTable = () => {
formik.validateForm(); formik.validateForm();
}; };
const { data: inventoryAdjustments, isLoading, mutate: refreshAdjustments } = useSWR( const {
data: inventoryAdjustments,
isLoading,
mutate: refreshAdjustments,
} = useSWR(
`${InventoryAdjustmentApi.basePath}${getTableFilterQueryString()}`, `${InventoryAdjustmentApi.basePath}${getTableFilterQueryString()}`,
InventoryAdjustmentApi.getAllFetcher InventoryAdjustmentApi.getAllFetcher
); );
@@ -250,7 +254,9 @@ const InventoryAdjustmentTable = () => {
const singleDeleteHandler = async () => { const singleDeleteHandler = async () => {
setIsDeleteLoading(true); setIsDeleteLoading(true);
const response = await InventoryAdjustmentApi.delete(selectedAdjustment?.id as number); const response = await InventoryAdjustmentApi.delete(
selectedAdjustment?.id as number
);
singleDeleteModal.closeModal(); singleDeleteModal.closeModal();
setIsDeleteLoading(false); setIsDeleteLoading(false);
@@ -264,7 +270,9 @@ const InventoryAdjustmentTable = () => {
}; };
const [sorting, setSorting] = useState<SortingState>([]); const [sorting, setSorting] = useState<SortingState>([]);
const [selectedAdjustment, setSelectedAdjustment] = useState<InventoryAdjustment | undefined>(undefined); const [selectedAdjustment, setSelectedAdjustment] = useState<
InventoryAdjustment | undefined
>(undefined);
const [isDeleteLoading, setIsDeleteLoading] = useState(false); const [isDeleteLoading, setIsDeleteLoading] = useState(false);
const singleDeleteModal = useModal(); const singleDeleteModal = useModal();
@@ -385,9 +393,11 @@ const InventoryAdjustmentTable = () => {
id: 'actions', id: 'actions',
header: 'Aksi', header: 'Aksi',
cell: (props: CellContext<InventoryAdjustment, unknown>) => { cell: (props: CellContext<InventoryAdjustment, unknown>) => {
const currentPageSize = props.table.getPaginationRowModel().rows.length; const currentPageSize =
props.table.getPaginationRowModel().rows.length;
const currentPageRows = props.table.getPaginationRowModel().flatRows; const currentPageRows = props.table.getPaginationRowModel().flatRows;
const currentRowRelativeIndex = currentPageRows.findIndex((r) => r.id === props.row.id) + 1; const currentRowRelativeIndex =
currentPageRows.findIndex((r) => r.id === props.row.id) + 1;
const isLast2Rows = currentRowRelativeIndex > currentPageSize - 2; const isLast2Rows = currentRowRelativeIndex > currentPageSize - 2;
@@ -406,7 +416,12 @@ const InventoryAdjustmentTable = () => {
}, },
}, },
], ],
[tableFilterState.pageSize, tableFilterState.page, singleDeleteModal, setSelectedAdjustment] [
tableFilterState.pageSize,
tableFilterState.page,
singleDeleteModal,
setSelectedAdjustment,
]
); );
const updateSortingFilter = useCallback( const updateSortingFilter = useCallback(
@@ -224,11 +224,17 @@ const MovementTable = () => {
}; };
const [sorting, setSorting] = useState<SortingState>([]); const [sorting, setSorting] = useState<SortingState>([]);
const [selectedMovement, setSelectedMovement] = useState<Movement | undefined>(undefined); const [selectedMovement, setSelectedMovement] = useState<
Movement | undefined
>(undefined);
const [isDeleteLoading, setIsDeleteLoading] = useState(false); const [isDeleteLoading, setIsDeleteLoading] = useState(false);
const singleDeleteModal = useModal(); const singleDeleteModal = useModal();
const { data: movements, isLoading, mutate: refreshMovements } = useSWR( const {
data: movements,
isLoading,
mutate: refreshMovements,
} = useSWR(
`${MovementApi.basePath}${getTableFilterQueryString()}`, `${MovementApi.basePath}${getTableFilterQueryString()}`,
MovementApi.getAllFetcher MovementApi.getAllFetcher
); );
@@ -327,7 +333,12 @@ const MovementTable = () => {
}, },
}, },
], ],
[tableFilterState.pageSize, tableFilterState.page, singleDeleteModal, setSelectedMovement] [
tableFilterState.pageSize,
tableFilterState.page,
singleDeleteModal,
setSelectedMovement,
]
); );
return ( return (