From 34830c04e40aef2ffac7ecc52019777190a27bf2 Mon Sep 17 00:00:00 2001
From: Martial Maillot <martial.maillot@gmail.com>
Date: Wed, 11 Sep 2024 12:54:21 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20am=C3=A9lioration=20du=20bandeau=20pour?=
 =?UTF-8?q?=20le=20questionnaire=20(#6117)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__snapshots__/a-propos.test.tsx.snap      | 11 ++++--
 .../droit-du-travail.test.js.snap             | 11 ++++--
 .../fiche-ministere-travail.test.tsx.snap     | 11 ++++--
 .../glossaire-[slug].test.tsx.snap            | 11 ++++--
 .../__snapshots__/glossaire.test.tsx.snap     | 11 ++++--
 .../mentions-legales.test.tsx.snap            | 11 ++++--
 .../modeles-de-courriers-[slug].test.tsx.snap | 11 ++++--
 .../modeles-de-courriers.test.tsx.snap        | 11 ++++--
 .../__snapshots__/recherche.test.js.snap      | 11 ++++--
 .../__snapshots__/stats.test.tsx.snap         | 11 ++++--
 .../__snapshots__/themes.test.tsx.snap        | 11 ++++--
 .../src/layout/Feedback/index.tsx             | 39 ++++++++++++++-----
 12 files changed, 117 insertions(+), 43 deletions(-)

diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
index 70e766c682..ffe5dd421f 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<About /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<About /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
index 0ba2c9c0be..57ac8770a2 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
@@ -174,7 +174,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
         class="sc-epqpcT khryBk"
       >
         <span
-          class="sc-BQMaI OPPgB"
+          class="sc-BQMaI cUKlXC"
         >
           <svg
             class="sc-dwalKd bKNSlA"
@@ -206,12 +206,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
index ec2a3868ac..9cd8651e78 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<FicheMT /> should render 1`] = `
         class="sc-epRvzc kODNCn"
       >
         <span
-          class="sc-djVXDX bXMYkb"
+          class="sc-djVXDX hCxnoI"
         >
           <svg
             class="sc-ggqIjW NzCUk"
@@ -206,12 +206,17 @@ exports[`<FicheMT /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
index 1ddcde7938..392154a722 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<Term /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<Term /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
index 56e84bddaa..ac5d70d91f 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<Glossaire /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<Glossaire /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/mentions-legales.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/mentions-legales.test.tsx.snap
index af9791bb62..e136d1c89b 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/mentions-legales.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/mentions-legales.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<MentionLegales /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<MentionLegales /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
index 4314db9db2..12a17fa38c 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
index 8e60581923..7f231664a3 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
index 5735a36770..86d3560977 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
@@ -94,7 +94,7 @@ exports[`<Recherche /> should render 1`] = `
         class="sc-hgRRfv jfmgFU"
       >
         <span
-          class="sc-kUdmhA cFscqR"
+          class="sc-kUdmhA cSpnBC"
         >
           <svg
             class="sc-cyRcrZ hxZFFi"
@@ -126,12 +126,17 @@ exports[`<Recherche /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/stats.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/stats.test.tsx.snap
index c805041527..8510992b9e 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/stats.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/stats.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<Stats /> should render 1`] = `
         class="sc-bddgXz koXLlw"
       >
         <span
-          class="sc-jdUcAg jEULqB"
+          class="sc-jdUcAg jKgGxC"
         >
           <svg
             class="sc-eIcdZJ ffrCUe"
@@ -206,12 +206,17 @@ exports[`<Stats /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
index d286199c59..8c4d94fb4a 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
@@ -174,7 +174,7 @@ exports[`<Theme /> should render 1`] = `
         class="sc-dwalKd kYvLXW"
       >
         <span
-          class="sc-cspYLC knIMa-d"
+          class="sc-cspYLC cpCWSq"
         >
           <svg
             class="sc-fmzyuX hnsrpg"
@@ -206,12 +206,17 @@ exports[`<Theme /> should render 1`] = `
               y2="16"
             />
           </svg>
-          Votre avis compte ! Aidez-nous à nous améliorer.
+          Aidez-nous à améliorer le Code du travail numérique.
           <a
+            class="no-after"
             href="https://tally.so/r/3jLRW1"
             target="_blank"
           >
-            Répondre
+            <button
+              class="sc-kOPcWz jBdtLF"
+            >
+              Je donne mon avis
+            </button>
           </a>
         </span>
         <button
diff --git a/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx b/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx
index f1933a934b..7ac1890936 100644
--- a/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx
+++ b/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx
@@ -2,12 +2,18 @@ import styled from "styled-components";
 import { Button, icons, theme } from "@socialgouv/cdtn-ui";
 import React, { useState } from "react";
 import { AlertCircle } from "react-feather";
-import Link from "next/link";
+import { MatomoBaseEvent } from "../../lib";
+import { push as matopush } from "@socialgouv/matomo-next";
 
 export const Feedback = (): React.ReactNode => {
-  const key = "questionnaire_dsfr";
+  const key = "questionnaire_dsfr_new";
 
   const onClose = () => {
+    matopush([
+      MatomoBaseEvent.TRACK_EVENT,
+      MatomoBaseEvent.HEADER,
+      "close_bandeau",
+    ]);
     try {
       if (window) {
         window.localStorage?.setItem(key, "true");
@@ -19,6 +25,14 @@ export const Feedback = (): React.ReactNode => {
     }
   };
 
+  const onClick = () => {
+    matopush([
+      MatomoBaseEvent.TRACK_EVENT,
+      MatomoBaseEvent.HEADER,
+      "click_bandeau",
+    ]);
+  };
+
   const getLocalStorageClose = () => {
     try {
       return window.localStorage?.getItem(key) === "true";
@@ -37,10 +51,7 @@ export const Feedback = (): React.ReactNode => {
       aria-label="fermer le bandeau"
       onClick={onClose}
     >
-      <icons.Close
-        onClick={() => onClose}
-        title="Fermer le bandeau"
-      />
+      <icons.Close onClick={() => onClose} title="Fermer le bandeau" />
     </CloseButton>
   );
   return !closed ? (
@@ -48,10 +59,17 @@ export const Feedback = (): React.ReactNode => {
       <IntroContainer variant="main">
         <Content>
           <AlertIcon />
-          Votre avis compte ! Aidez-nous à nous améliorer.
-          <Link passHref href="https://tally.so/r/3jLRW1" target="_blank">
-            Répondre
-          </Link>
+          Aidez-nous à améliorer le Code du travail numérique.
+          <a
+            onClick={onClick}
+            href="https://tally.so/r/3jLRW1"
+            target="_blank"
+            className="no-after"
+          >
+            <Button small variant="primary">
+              Je donne mon avis
+            </Button>
+          </a>
         </Content>
         {closeButton}
       </IntroContainer>
@@ -77,6 +95,7 @@ const Content = styled.span`
   align-items: center;
   flex-grow: 1;
   gap: ${spacings.medium};
+  font-size: 1.6rem;
   justify-content: center;
 `;