diff --git a/cypress/e2e/parcours-cv.cy.js b/cypress/e2e/parcours-cv.cy.js index aa679e929..7ff139a2e 100644 --- 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 index b9d170a80..a0d7bc625 100644 --- 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 index 760668908..a9d1e9708 100644 --- 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 index 82372ea7d..df47a7fcc 100644 --- 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;