Add 3rd checkbox to Terms and Conditions (#1012)

* Add 3rd checkbox to Terms and Conditions #1010 * MLH Form Changes (#1016) * Updated level of study options to match MLH requirements * #1000 - Update export from .tsv to .csv * Changed hacker account form 'birthdate' field to 'age' #1003 * Added country of residence field to Other/Personal Details section of hacker application #1009 * Added country of residence field to the hacker application. * add back CEGEP level of study. --------- Co-authored-by: allennatang <[email protected]> * Added Jamie's changes for MLH checkbox, fixed merge conflicts. * fixed dumb rebase error --------- Co-authored-by: Tavi Pollard <[email protected]> Co-authored-by: allennatang <[email protected]> Co-authored-by: Tavi Pollard <[email protected]>
hackmcgill · Nov 15, 2024 · bbd4712 · bbd4712
1 parent 4bef38d
commit bbd4712
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/src/config/constants.ts b/src/config/constants.ts
@@ -132,6 +132,7 @@ export const OTHER_LINK_PLACEHOLDER = 'https://my.website.com/';
 export const MCHACKS_COC = 'Code of Conduct';
 export const MCHACKS_PRIVACY = 'Privacy Policy';
 export const MLH_LABEL = 'I accept the MLH policies.';
+export const SEND_EMAIL_LABEL = 'I authorize MLH to send me occasional emails about relevant events, career opportunities, and community announcements.';
 export const PERSONAL_LABEL = 'Personal URL';
 export const RESUME_LABEL = 'Resume';
 export const SHIRT_SIZE_LABEL = 'Shirt Size (Unisex)';

diff --git a/src/config/userTypes.ts b/src/config/userTypes.ts
@@ -64,6 +64,7 @@ export interface IHacker {
       // no enum for these
       country: string;
       ethnicity: string[];
+      sendEmail: boolean;
       privacyPolicy: boolean;
       codeOfConduct: boolean;
     };

diff --git a/src/features/Application/ManageApplicationForm.tsx b/src/features/Application/ManageApplicationForm.tsx
@@ -111,6 +111,7 @@ const ManageApplicationForm: React.FunctionComponent<
       },
       other: {
         ethnicity: [],
+        sendEmail: false,
         country: '',
         privacyPolicy: false,
         codeOfConduct: false,
@@ -819,6 +820,18 @@ const ManageApplicationForm: React.FunctionComponent<
                 name="hacker.application.other.privacyPolicy"
               />
             </div>
+            <FastField
+              name={'hacker.application.other.sendEmail'} // change
+              component={FormikElements.Checkbox}
+              label={CONSTANTS.SEND_EMAIL_LABEL} // change
+              value={fp.values.hacker.application.other.sendEmail} // change
+            />
+            <div className="checkbox-error-message">
+              <ErrorMessage
+                component={FormikElements.Error}
+                name="hacker.application.other.sendEmail"
+              />
+            </div>
           </div>
         </div>
 

diff --git a/src/features/Application/validationSchema.ts b/src/features/Application/validationSchema.ts
@@ -357,6 +357,7 @@ const getValidationSchema = (isCreate: boolean, pageNumber: number) => {
             }),
             other: object().shape({
               ethnicity: array().required('Required'),
+              sendEmail: boolean(),
               country: string().required('Required'),
               privacyPolicy: boolean()
                 .required('Required')