mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-24 15:25:46 +00:00
refactor(FE-316): Add submission state to apply filters
This commit is contained in:
@@ -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]);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user