From af388dd7fa88789c914372244a04f0a9410e55a1 Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Tue, 22 Nov 2022 10:09:18 +0100
Subject: [PATCH 1/6] feat(recrutement): modal

---
 src/components/results/Intentions.js     |  2 +
 src/components/results/RecruitParents.js | 64 ++++++++++++++++++++++++
 styles/results.scss                      | 25 +++++++++
 3 files changed, 91 insertions(+)
 create mode 100644 src/components/results/RecruitParents.js

diff --git a/src/components/results/Intentions.js b/src/components/results/Intentions.js
index 5a548ee3..818eff93 100644
--- a/src/components/results/Intentions.js
+++ b/src/components/results/Intentions.js
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react"
 import { ButtonGroup, ToggleButton } from "react-bootstrap"
 import { trackerForIntentions } from "../../utils/ab-testing/measuring-intentions.utils"
 import * as PdfUtils from "../../utils/pdf.utils"
+import { RecruitParents } from "./RecruitParents"
 
 /**
  * @param {number} moodLevel
@@ -96,6 +97,7 @@ export const Intentions = ({ moodLevel }) => {
       <div className="intentions-card">
         {questionBlock(questionAboutScore)}
         <DownloadEpdsResponsesBtn />
+        <RecruitParents />
       </div>
     </div>
   )
diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
new file mode 100644
index 00000000..823151ef
--- /dev/null
+++ b/src/components/results/RecruitParents.js
@@ -0,0 +1,64 @@
+import { Button } from "@dataesr/react-dsfr"
+import { useState } from "react"
+import { Modal } from "react-bootstrap"
+
+export function RecruitParents() {
+  const [show, setShow] = useState()
+
+  const INDUVIDUAL_URL = "https://calendly.com/1000-jours-blues/30min"
+  const GROUP_URL = "" // TODO:
+
+  const openModal = () => setShow(true)
+  const closeModal = () => setShow(false)
+  const openUrl = (url) => window.open(url, "_blank")
+
+  return (
+    <div className="recruit-parents">
+      <div>
+        Participez à l'amélioration de cet outil afin que le pls grand nombre de
+        parents soient aidés
+      </div>
+      <Button className="participate-btn" onClick={openModal}>
+        Je participe
+      </Button>
+
+      <Modal show={show} centered size="lg">
+        <Modal.Header className="fr-modal__header">
+          <button
+            className="fr-btn--close fr-btn"
+            aria-controls="fr-modal-2"
+            onClick={closeModal}
+          >
+            Fermer
+          </button>
+        </Modal.Header>
+
+        <Modal.Body>
+          Merci pour votre soutien. <br />
+          Comment souhaitez-vous participer ?
+        </Modal.Body>
+
+        <Modal.Footer>
+          <div className="recruit-modale-response">
+            En groupe, avec d'autres parents
+            <Button
+              className="participate-modal-btn"
+              onClick={() => openUrl(GROUP_URL)}
+            >
+              Voir l'évènement
+            </Button>
+          </div>
+          <div className="recruit-modale-response">
+            En individuel, avec un membre de l'équipe
+            <Button
+              className="participate-modal-btn"
+              onClick={() => openUrl(INDUVIDUAL_URL)}
+            >
+              Choisir un créneau
+            </Button>
+          </div>
+        </Modal.Footer>
+      </Modal>
+    </div>
+  )
+}
diff --git a/styles/results.scss b/styles/results.scss
index 653c1674..c232986d 100644
--- a/styles/results.scss
+++ b/styles/results.scss
@@ -223,6 +223,31 @@
   }
 }
 
+.recruit-parents {
+  margin-top: $xxxs;
+  display: flex;
+  flex-direction: column;
+
+  .participate-btn {
+    align-self: center;
+    margin-block: $xxxxs;
+  }
+}
+
+.recruit-modale-response {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  text-align: center;
+
+  .participate-modal-btn {
+    align-self: center;
+    margin-block: $xxxxs;
+  }
+}
+
+
+
 @media screen and (max-width: 770px) {
 
   .measure .buttons-block,

From fa2e8b826a3028638f405511c3a0abe41852c1d3 Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Tue, 22 Nov 2022 11:11:23 +0100
Subject: [PATCH 2/6] feat(recrutement): ajout trackers

---
 src/components/results/RecruitParents.js | 17 ++++++++++++++---
 src/utils/tracker.utils.js               |  1 +
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
index 823151ef..4f274670 100644
--- a/src/components/results/RecruitParents.js
+++ b/src/components/results/RecruitParents.js
@@ -1,6 +1,7 @@
 import { Button } from "@dataesr/react-dsfr"
 import { useState } from "react"
 import { Modal } from "react-bootstrap"
+import * as  TrackerUtils from "../../utils/tracker.utils"
 
 export function RecruitParents() {
   const [show, setShow] = useState()
@@ -10,7 +11,15 @@ export function RecruitParents() {
 
   const openModal = () => setShow(true)
   const closeModal = () => setShow(false)
-  const openUrl = (url) => window.open(url, "_blank")
+
+  const onClickParticipate = (url, label) => {
+    window.open(url, "_blank")
+    TrackerUtils.trackerClick(
+      TrackerUtils.CATEG.recruit,
+      TrackerUtils.EVENT_CLICK,
+      label
+    )
+  }
 
   return (
     <div className="recruit-parents">
@@ -43,7 +52,7 @@ export function RecruitParents() {
             En groupe, avec d'autres parents
             <Button
               className="participate-modal-btn"
-              onClick={() => openUrl(GROUP_URL)}
+              onClick={() => onClickParticipate(GROUP_URL, "Voir l'évènement")}
             >
               Voir l'évènement
             </Button>
@@ -52,7 +61,9 @@ export function RecruitParents() {
             En individuel, avec un membre de l'équipe
             <Button
               className="participate-modal-btn"
-              onClick={() => openUrl(INDUVIDUAL_URL)}
+              onClick={() =>
+                onClickParticipate(INDUVIDUAL_URL, "Choisir un créneau")
+              }
             >
               Choisir un créneau
             </Button>
diff --git a/src/utils/tracker.utils.js b/src/utils/tracker.utils.js
index d291ec39..3b25351b 100644
--- a/src/utils/tracker.utils.js
+++ b/src/utils/tracker.utils.js
@@ -7,6 +7,7 @@ export const CATEG = {
   test: "Test",
   intentions: "Intentions",
   demography: "Démographie",
+  recruit: "Recrutement",
   results: "Résultats",
 }
 

From 5ab272243c99229a04d60ebf6e2221a30b268415 Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Thu, 24 Nov 2022 09:48:30 +0100
Subject: [PATCH 3/6] feat(recrutement): retours de PR

---
 src/components/results/RecruitParents.js | 2 +-
 styles/results.scss                      | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
index 4f274670..186f3ef2 100644
--- a/src/components/results/RecruitParents.js
+++ b/src/components/results/RecruitParents.js
@@ -24,7 +24,7 @@ export function RecruitParents() {
   return (
     <div className="recruit-parents">
       <div>
-        Participez à l'amélioration de cet outil afin que le pls grand nombre de
+        Participez à l'amélioration de cet outil afin que le plus grand nombre de
         parents soient aidés
       </div>
       <Button className="participate-btn" onClick={openModal}>
diff --git a/styles/results.scss b/styles/results.scss
index c232986d..6d010153 100644
--- a/styles/results.scss
+++ b/styles/results.scss
@@ -246,8 +246,6 @@
   }
 }
 
-
-
 @media screen and (max-width: 770px) {
 
   .measure .buttons-block,

From b3efb576dca44d1f8e8f81767fcd23861f61aede Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Fri, 25 Nov 2022 14:30:16 +0100
Subject: [PATCH 4/6] =?UTF-8?q?feat(recrutement):=20d=C3=A9sactiver=20r?=
 =?UTF-8?q?=C3=A9union=20groupe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/results/RecruitParents.js | 30 ++++++++++++++----------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
index 186f3ef2..e484fe57 100644
--- a/src/components/results/RecruitParents.js
+++ b/src/components/results/RecruitParents.js
@@ -1,13 +1,13 @@
 import { Button } from "@dataesr/react-dsfr"
 import { useState } from "react"
 import { Modal } from "react-bootstrap"
-import * as  TrackerUtils from "../../utils/tracker.utils"
+import * as TrackerUtils from "../../utils/tracker.utils"
 
 export function RecruitParents() {
   const [show, setShow] = useState()
 
   const INDUVIDUAL_URL = "https://calendly.com/1000-jours-blues/30min"
-  const GROUP_URL = "" // TODO:
+  const GROUP_URL = undefined
 
   const openModal = () => setShow(true)
   const closeModal = () => setShow(false)
@@ -24,8 +24,8 @@ export function RecruitParents() {
   return (
     <div className="recruit-parents">
       <div>
-        Participez à l'amélioration de cet outil afin que le plus grand nombre de
-        parents soient aidés
+        Participez à l'amélioration de cet outil afin que le plus grand nombre
+        de parents soient aidés
       </div>
       <Button className="participate-btn" onClick={openModal}>
         Je participe
@@ -48,15 +48,19 @@ export function RecruitParents() {
         </Modal.Body>
 
         <Modal.Footer>
-          <div className="recruit-modale-response">
-            En groupe, avec d'autres parents
-            <Button
-              className="participate-modal-btn"
-              onClick={() => onClickParticipate(GROUP_URL, "Voir l'évènement")}
-            >
-              Voir l'évènement
-            </Button>
-          </div>
+          {GROUP_URL && (
+            <div className="recruit-modale-response">
+              En groupe, avec d'autres parents
+              <Button
+                className="participate-modal-btn"
+                onClick={() =>
+                  onClickParticipate(GROUP_URL, "Voir l'évènement")
+                }
+              >
+                Voir l'évènement
+              </Button>
+            </div>
+          )}
           <div className="recruit-modale-response">
             En individuel, avec un membre de l'équipe
             <Button

From 734da8b033eeb658d7938c15c2b12dc577d35f1c Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Fri, 25 Nov 2022 15:14:11 +0100
Subject: [PATCH 5/6] fix(recrutement): typo

---
 src/components/results/RecruitParents.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
index e484fe57..1bb10b0e 100644
--- a/src/components/results/RecruitParents.js
+++ b/src/components/results/RecruitParents.js
@@ -2,11 +2,12 @@ import { Button } from "@dataesr/react-dsfr"
 import { useState } from "react"
 import { Modal } from "react-bootstrap"
 import * as TrackerUtils from "../../utils/tracker.utils"
+import { } from "@dataesr/react-dsfr"
 
 export function RecruitParents() {
   const [show, setShow] = useState()
 
-  const INDUVIDUAL_URL = "https://calendly.com/1000-jours-blues/30min"
+  const INDIVIDUAL_URL = "https://calendly.com/1000-jours-blues/30min"
   const GROUP_URL = undefined
 
   const openModal = () => setShow(true)
@@ -66,7 +67,7 @@ export function RecruitParents() {
             <Button
               className="participate-modal-btn"
               onClick={() =>
-                onClickParticipate(INDUVIDUAL_URL, "Choisir un créneau")
+                onClickParticipate(INDIVIDUAL_URL, "Choisir un créneau")
               }
             >
               Choisir un créneau

From 6ca6a22b9fbb93abf7b9bd46aeef62543bd57744 Mon Sep 17 00:00:00 2001
From: Lebret Audrey <alebret@ippon.fr>
Date: Fri, 25 Nov 2022 15:18:47 +0100
Subject: [PATCH 6/6] fix(recrutement): import

---
 src/components/results/RecruitParents.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/results/RecruitParents.js b/src/components/results/RecruitParents.js
index 1bb10b0e..1c7af3cc 100644
--- a/src/components/results/RecruitParents.js
+++ b/src/components/results/RecruitParents.js
@@ -2,7 +2,6 @@ import { Button } from "@dataesr/react-dsfr"
 import { useState } from "react"
 import { Modal } from "react-bootstrap"
 import * as TrackerUtils from "../../utils/tracker.utils"
-import { } from "@dataesr/react-dsfr"
 
 export function RecruitParents() {
   const [show, setShow] = useState()