Set condition for the dropdown state change and used it for validation

Author: MatildaAko

src/Components/forms/index.js

@@ -100,6 +100,8 @@ class Forms extends Component {
         err: null
       })
     }
+    name === 'hearAboutCYF' &&
+      this.setState({ hearAboutCYFFromEmployer: value === 'Employer' })
   }
 
   validateForm = values => {
@@ -154,6 +156,7 @@ class Forms extends Component {
       interestedInCYF,
       industry,
       hearAboutCYF,
+      hearAboutCYFFromEmployer,
       employer,
       guidePeople,
       techSkill,
@@ -168,7 +171,7 @@ class Forms extends Component {
       lastName,
       email,
       cityId,
-      employer: hearAboutCYF === 'Employer' ? employer : true,
+      employer: hearAboutCYFFromEmployer ? employer : true,
       interestedInVolunteer,
       tel,
       agreeToTOU,
@@ -193,7 +196,7 @@ class Forms extends Component {
         interestedInCYF,
         industry,
         hearAboutCYF,
-        employer: hearAboutCYF === 'Employer' ? employer : '',
+        employer: hearAboutCYFFromEmployer ? employer : '',
         guidePeople: filterEmptyValue(guidePeople),
         techSkill: filterEmptyValue(techSkill),
         otherSkill: filterEmptyValue(otherSkill),