[EN-6218] feat(messages): add newsletter checkbox

ReseauEntourage · Jul 12, 2023 · 2db7de3 · 2db7de3
1 parent 93c17c5
commit 2db7de3
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/cypress/e2e/parcours-cv.cy.js b/cypress/e2e/parcours-cv.cy.js
@@ -127,7 +127,11 @@ describe('Parcours CV', () => {
       .scrollIntoView()
       .type('Random message');
 
-    cy.get('label[for="form-send-external-message-optIn"]')
+    cy.get('label[for="form-send-external-message-optInContact"]')
+      .scrollIntoView()
+      .click();
+
+    cy.get('label[for="form-send-external-message-optInNewsletter"]')
       .scrollIntoView()
       .click();
 

diff --git a/src/components/cv/CVFiche.js b/src/components/cv/CVFiche.js
@@ -233,7 +233,7 @@ export const CVFiche = ({ cv, actionDisabled }) => {
                 } conseiller dans sa recherche d'emploi`}
                 submitText="Envoyer"
                 formSchema={formSendExternalMessage}
-                onSubmit={async ({ optIn, ...fields }, closeModal) => {
+                onSubmit={async (fields, closeModal) => {
                   gaEvent(GA_TAGS.PAGE_CV_ENVOYER_CONTACTEZ_MOI_CLIC);
                   fbEvent(FB_TAGS.MESSAGE_SEND);
                   try {

diff --git a/src/components/forms/schema/formSendExternalMessage.ts b/src/components/forms/schema/formSendExternalMessage.ts
@@ -63,12 +63,18 @@ export const formSendExternalMessage = {
       title: 'Écrire votre message *',
     },
     {
-      id: 'optIn',
-      name: 'optIn',
+      id: 'optInContact',
+      name: 'optInContact',
       component: 'checkbox-new',
       title:
         "En cochant cette case, vous acceptez qu'un membre de l'équipe vous recontacte *",
     },
+    {
+      id: 'optInNewsletter',
+      name: 'optInNewsletter',
+      component: 'checkbox-new',
+      title: 'Je souhaite être tenu au courant des actualités du projet',
+    },
   ],
   rules: [
     {
@@ -151,7 +157,7 @@ export const formSendExternalMessage = {
       message: 'Obligatoire',
     },
     {
-      field: 'optIn',
+      field: 'optInContact',
       method: (fieldValue) => {
         return !!fieldValue;
       },

diff --git a/src/components/utils/Inputs/CheckBox/CheckBox.styles.ts b/src/components/utils/Inputs/CheckBox/CheckBox.styles.ts
@@ -14,7 +14,7 @@ export const StyledCheckbox = styled.div`
 
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: left;
     height: 16px;
     position: relative;
     cursor: pointer;