OM-277: reset forms when eu changed

openimis · Aug 30, 2024 · 84abf2e · 84abf2e
1 parent 3a08753
commit 84abf2e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/src/components/VoucherAcquirementGenericVoucher.js b/src/components/VoucherAcquirementGenericVoucher.js
@@ -38,6 +38,7 @@ function VoucherAcquirementGenericVoucher() {
   const [acquirementSummaryLoading, setAcquirementSummaryLoading] = useState(false);
   const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false);
   const { mutation, submittingMutation } = useSelector((state) => state.workerVoucher);
+  const { economicUnit } = useSelector((state) => state.policyHolder);
 
   const acquirementBlocked = (voucherAcquirement) => !voucherAcquirement?.quantity
   || voucherAcquirement?.quantity > VOUCHER_QUANTITY_THRESHOLD;
@@ -106,9 +107,9 @@ function VoucherAcquirementGenericVoucher() {
     if (storedUserEconomicUnit) {
       const userEconomicUnit = JSON.parse(storedUserEconomicUnit);
 
-      setVoucherAcquirement((prevState) => ({ ...prevState, employer: userEconomicUnit }));
+      setVoucherAcquirement((prevState) => ({ ...prevState, employer: userEconomicUnit, quantity: 0 }));
     }
-  }, [setVoucherAcquirement]);
+  }, [setVoucherAcquirement, economicUnit]);
 
   return (
     <>

diff --git a/src/components/VoucherAcquirementSpecificWorker.js b/src/components/VoucherAcquirementSpecificWorker.js
@@ -38,6 +38,7 @@ function VoucherAcquirementSpecificWorker() {
   const [acquirementSummaryLoading, setAcquirementSummaryLoading] = useState(false);
   const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false);
   const { mutation, submittingMutation } = useSelector((state) => state.workerVoucher);
+  const { economicUnit } = useSelector((state) => state.policyHolder);
 
   const acquirementBlocked = (voucherAcquirement) => !voucherAcquirement?.workers?.length
   || !voucherAcquirement?.dateRanges?.length;
@@ -113,9 +114,11 @@ function VoucherAcquirementSpecificWorker() {
     if (storedUserEconomicUnit) {
       const userEconomicUnit = JSON.parse(storedUserEconomicUnit);
 
-      setVoucherAcquirement((prevState) => ({ ...prevState, employer: userEconomicUnit }));
+      setVoucherAcquirement((prevState) => ({
+        ...prevState, employer: userEconomicUnit, workers: [], dateRanges: [],
+      }));
     }
-  }, [setVoucherAcquirement]);
+  }, [setVoucherAcquirement, economicUnit]);
 
   return (
     <>

diff --git a/src/components/VoucherAssignmentForm.js b/src/components/VoucherAssignmentForm.js
@@ -38,6 +38,7 @@ function VoucherAssignmentForm() {
   const [assignmentSummaryLoading, setAssignmentSummaryLoading] = useState(false);
   const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState(false);
   const { mutation, submittingMutation } = useSelector((state) => state.workerVoucher);
+  const { economicUnit } = useSelector((state) => state.policyHolder);
 
   const assignmentBlocked = (voucherAssignment) => !voucherAssignment?.workers?.length
   || !voucherAssignment?.dateRanges?.length;
@@ -91,9 +92,11 @@ function VoucherAssignmentForm() {
     if (storedUserEconomicUnit) {
       const userEconomicUnit = JSON.parse(storedUserEconomicUnit);
 
-      setVoucherAssignment((prevState) => ({ ...prevState, employer: userEconomicUnit }));
+      setVoucherAssignment((prevState) => ({
+        ...prevState, employer: userEconomicUnit, workers: [], dateRanges: [],
+      }));
     }
-  }, [setVoucherAssignment]);
+  }, [setVoucherAssignment, economicUnit]);
 
   return (
     <Grid container>