support conditional rendering for survey questions

codeforboston · Nov 9, 2023 · 3a57459 · 3a57459
1 parent 88bf437
commit 3a57459
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/front/src/components/SurveyComponent/SurveyComponent.js b/frontend/front/src/components/SurveyComponent/SurveyComponent.js
@@ -37,7 +37,7 @@ const SurveyComponent = ({
 }) => {
   const navigate = useNavigate();
 
-  const { handleSubmit, reset, control, watch } = useForm({
+  const { handleSubmit, reset, control, watch, getValues } = useForm({
     defaultValues: formDefault,
   });
 
@@ -201,6 +201,13 @@ const SurveyComponent = ({
       >
         <Stack spacing={formSpacing} mb={formSpacing} mt={formSpacing}>
           {surveyStructure?.survey_questions.map((q) => {
+            if (
+              q.conditional_on &&
+              getValues(q.conditional_on.id) !== q.conditional_on.value
+            ) {
+              return null;
+            }
+
             switch (q.response_type) {
               case "radio":
                 return (