refactor(FE-316): Add submission state to apply filters

This commit is contained in:
rstubryan
2025-12-30 11:46:43 +07:00
parent 7290f242f4
commit 7c64870fed
@@ -191,6 +191,9 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
const bulkRejectModal = useModal(); const bulkRejectModal = useModal();
const filterModal = useModal(); const filterModal = useModal();
// ===== SUBMISSION STATE =====
const [isSubmitted, setIsSubmitted] = useState(false);
// ===== FILTER STATE ===== // ===== FILTER STATE =====
const [filterLocation, setFilterLocation] = useState<OptionType | null>(null); const [filterLocation, setFilterLocation] = useState<OptionType | null>(null);
const [filterProjectFlock, setFilterProjectFlock] = const [filterProjectFlock, setFilterProjectFlock] =
@@ -311,17 +314,19 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
const basePath = UniformityApi.basePath; const basePath = UniformityApi.basePath;
const queryParams = new URLSearchParams(); const queryParams = new URLSearchParams();
if (filterProjectFlockKandangId) { if (isSubmitted) {
queryParams.append( if (filterProjectFlockKandangId) {
'project_flock_kandang_id', queryParams.append(
filterProjectFlockKandangId.toString() 'project_flock_kandang_id',
); filterProjectFlockKandangId.toString()
} );
if (filterStartDate) { }
queryParams.append('start_date', filterStartDate); if (filterStartDate) {
} queryParams.append('start_date', filterStartDate);
if (filterEndDate) { }
queryParams.append('end_date', filterEndDate); if (filterEndDate) {
queryParams.append('end_date', filterEndDate);
}
} }
const tableQueryString = getTableFilterQueryString(); const tableQueryString = getTableFilterQueryString();
@@ -336,6 +341,7 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
const queryString = queryParams.toString(); const queryString = queryParams.toString();
return queryString ? `${basePath}?${queryString}` : basePath; return queryString ? `${basePath}?${queryString}` : basePath;
}, [ }, [
isSubmitted,
filterProjectFlockKandangId, filterProjectFlockKandangId,
filterStartDate, filterStartDate,
filterEndDate, filterEndDate,
@@ -383,6 +389,7 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
}, []); }, []);
const handleApplyFilters = useCallback(() => { const handleApplyFilters = useCallback(() => {
setIsSubmitted(true);
filterModal.closeModal(); filterModal.closeModal();
}, [filterModal]); }, [filterModal]);