Merge pull request #81 from CodeYourFuture/features/identify-capgemini-volunteers

Features/identify capgemini volunteers

Author: textbook

src/Components/forms/data.json

@@ -35,7 +35,9 @@
     { "name": "Transport and Logistics", "_id": "Transport and Logistics" },
     { "name": "Other", "_id": "Other" }
   ],
+
   "hearAboutCYFList": [
+    { "name": "Employer", "_id": "Employer" },
     { "name": "Search engine", "_id": "Search engine" },
     { "name": "Colleague or friend", "_id": "Colleague or friend" },
     { "name": "Conference", "_id": "Conference" },
@@ -45,11 +47,17 @@
     { "name": "Other", "_id": "Other" }
   ],
 
+  "employerList": [
+    { "name": "Capgemini", "_id": "Capgemini" },
+    { "name": "Other", "_id": "Other" }
+  ],
+
   "radioButtonList": [
     { "value": "None", "_id": "None" },
     { "value": "Some", "_id": "Some" },
     { "value": "Professional experience", "_id": "Professional experience" }
   ],
+
   "guidePeopleSkillList": [
     {
       "id": "98y439hf934",
@@ -64,6 +72,7 @@
       "label": "Help people learn public speaking"
     }
   ],
+
   "techSkillList": [
     {
       "id": "8976tygsbhj3e",

src/Components/forms/helper.js

@@ -10,6 +10,8 @@ export const initialState = {
   interestedInCYF: '',
   industry: '',
   hearAboutCYF: '',
+  hearAboutCYFFromEmployer: false,
+  employer: '',
   guidePeople: ListsData.guidePeopleSkillList,
   techSkill: ListsData.techSkillList,
   otherSkill: ListsData.otherSkillList,

src/Components/forms/index.js

@@ -100,6 +100,9 @@ class Forms extends Component {
         err: null
       })
     }
+    if (name === 'hearAboutCYF') {
+      this.setState({ hearAboutCYFFromEmployer: value === 'Employer' })
+    }
   }
 
   validateForm = values => {
@@ -154,6 +157,8 @@ class Forms extends Component {
       interestedInCYF,
       industry,
       hearAboutCYF,
+      hearAboutCYFFromEmployer,
+      employer,
       guidePeople,
       techSkill,
       otherSkill,
@@ -167,6 +172,7 @@ class Forms extends Component {
       lastName,
       email,
       cityId,
+      employer: hearAboutCYFFromEmployer ? employer : true,
       interestedInVolunteer,
       tel,
       agreeToTOU,
@@ -191,6 +197,7 @@ class Forms extends Component {
         interestedInCYF,
         industry,
         hearAboutCYF,
+        employer: hearAboutCYFFromEmployer ? employer : '',
         guidePeople: filterEmptyValue(guidePeople),
         techSkill: filterEmptyValue(techSkill),
         otherSkill: filterEmptyValue(otherSkill),

src/Components/forms/inputs/index.js

@@ -24,10 +24,12 @@ export default class VolunteerForm extends Component {
       interestedInCYF,
       industry,
       hearAboutCYF,
+      hearAboutCYFFromEmployer,
       onChangeCheckList,
       guidePeople,
       techSkill,
-      otherSkill
+      otherSkill,
+      employer
     } = this.props
 
     return (
@@ -109,6 +111,7 @@ export default class VolunteerForm extends Component {
           isEmpty={errors.industry}
           label="What industry are you in?"
         />
+
         <DropDown
           onChange={onChange}
           value={hearAboutCYF}
@@ -117,6 +120,16 @@ export default class VolunteerForm extends Component {
           isEmpty={errors.hearAboutCYF}
           label="Where did you hear about Code Your Future?"
         />
+        {hearAboutCYFFromEmployer && (
+          <DropDown
+            onChange={onChange}
+            value={employer}
+            name="employer"
+            arrayList={ListsData.employerList}
+            isEmpty={errors.employer}
+            label="Who is your employer? *"
+          />
+        )}
         <span className="contact-interested">
           <span>
             What would you like help Code Your Future with, and what is your