From 5ffe9b357cfa10412f4f21876e4c04c5fcca4f8f Mon Sep 17 00:00:00 2001
From: Caroline <4971715+carolineBda@users.noreply.github.com>
Date: Mon, 12 Feb 2024 10:31:13 +0100
Subject: [PATCH] =?UTF-8?q?feat(glossaire):=20retrait=20du=20markdown=20da?=
 =?UTF-8?q?ns=20les=20d=C3=A9finitions=20du=20glossaire=20(#5607)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(glossaire): retrait du markdown dans les définitions du glossaire

* fix test

* revert
---
 .../glossaire-[slug].test.tsx.snap            | 98 +++++++++----------
 .../__tests__/glossaire-[slug].test.tsx       |  2 +-
 .../pages/code-du-travail/[slug].tsx          |  2 +-
 .../pages/glossaire/[slug].tsx                |  3 +-
 .../widgets/modeles-de-courriers/[id].tsx     |  2 +
 5 files changed, 52 insertions(+), 55 deletions(-)

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 f7d7e34b388..dafd6c7b812 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
@@ -214,13 +214,9 @@ exports[`<Term /> should render 1`] = `
                         Définition
                       </th>
                       <td>
-                        <div
-                          class="sc-iXzfSG"
-                        >
-                          <p>
-                            Accord collectif de travail conclu au niveau d'une entreprise.
-                          </p>
-                        </div>
+                        <p>
+                          Accord collectif de travail conclu au niveau d'une entreprise.
+                        </p>
                       </td>
                     </tr>
                   </tbody>
@@ -239,13 +235,13 @@ exports[`<Term /> should render 1`] = `
       </div>
     </main>
     <div
-      class="sc-bkSUFG huEoYc"
+      class="sc-fAGzit kTBFVN"
     >
       <footer
-        class="sc-deXhhX gKMlxm"
+        class="sc-bkSUFG cXqWSx"
       >
         <div
-          class="sc-gEvEer hpVpdb sc-dQEtJz djAHca"
+          class="sc-gEvEer hpVpdb sc-deXhhX hHbWTj"
         >
           <div
             class="sc-aXZVg gZgZQL"
@@ -265,7 +261,7 @@ exports[`<Term /> should render 1`] = `
               </p>
             </div>
             <div
-              class="sc-aXZVg sc-imwsjW dPpwpV ARQDb"
+              class="sc-aXZVg sc-dQEtJz dPpwpV jTyZXO"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
@@ -277,7 +273,7 @@ exports[`<Term /> should render 1`] = `
               Contacter nos services en région
               <svg
                 aria-hidden="true"
-                class="sc-kCMKrZ hlLkTA"
+                class="sc-imwsjW jDOHmf"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -291,29 +287,29 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-gEvEer hpVpdb sc-dJiZtA hGLVYH"
+          class="sc-gEvEer hpVpdb sc-kCMKrZ jBhcwF"
         >
           <div
-            class="sc-aXZVg sc-epALIP gZgZQL huBlCy"
+            class="sc-aXZVg sc-dJiZtA gZgZQL UAXPn"
           >
             <div
-              class="sc-fAGzit gIkdLa"
+              class="sc-dGCmGc hgWVvM"
             >
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-lbJcrp kpWXOu sc-kAyceB jIzQpS"
+                  class="sc-iLsKjm bHyFYd sc-kAyceB jIzQpS"
                   data-testid="heading"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-cfxfcM sc-iLsKjm kMmTaI hfFDOO"
+                  class="sc-cfxfcM sc-epALIP kMmTaI PLedh"
                 >
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/droit-du-travail"
                     >
                       Le droit du travail
@@ -321,7 +317,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/glossaire"
                     >
                       Glossaire
@@ -329,7 +325,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/a-propos"
                     >
                       À propos
@@ -337,7 +333,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/stats"
                     >
                       Statistiques d’utilisation
@@ -345,7 +341,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/integration"
                     >
                       Intégrer les outils du Code du travail numérique
@@ -355,23 +351,23 @@ exports[`<Term /> should render 1`] = `
               </div>
             </div>
             <div
-              class="sc-fAGzit gIkdLa"
+              class="sc-dGCmGc hgWVvM"
             >
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-lbJcrp kpWXOu sc-kAyceB jIzQpS"
+                  class="sc-iLsKjm bHyFYd sc-kAyceB jIzQpS"
                   data-testid="heading"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-cfxfcM sc-iLsKjm kMmTaI hfFDOO"
+                  class="sc-cfxfcM sc-epALIP kMmTaI PLedh"
                 >
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/outils/simulateur-embauche"
                     >
                       Calcul du salaire brut/net
@@ -379,7 +375,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/outils/indemnite-licenciement"
                     >
                       Calcul de l'indemnité de licenciement
@@ -387,7 +383,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/outils/convention-collective"
                     >
                       Trouver sa convention collective
@@ -398,18 +394,18 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-lbJcrp kpWXOu sc-kAyceB jIzQpS"
+                  class="sc-iLsKjm bHyFYd sc-kAyceB jIzQpS"
                   data-testid="heading"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-cfxfcM sc-iLsKjm kMmTaI hfFDOO"
+                  class="sc-cfxfcM sc-epALIP kMmTaI PLedh"
                 >
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/modeles-de-courriers/lettre-de-demission"
                     >
                       Lettre de démission
@@ -417,7 +413,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/modeles-de-courriers/rupture-du-contrat-en-periode-dessai-par-le-salarie"
                     >
                       Rupture du contrat en période d'essai par le salarié
@@ -425,7 +421,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/modeles-de-courriers/convocation-a-un-entretien-prealable-au-licenciement-pour-motif-personnel"
                     >
                       Convocation à un entretien préalable au licenciement pour motif personnel
@@ -435,23 +431,23 @@ exports[`<Term /> should render 1`] = `
               </div>
             </div>
             <div
-              class="sc-fAGzit gIkdLa"
+              class="sc-dGCmGc hgWVvM"
             >
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-lbJcrp kpWXOu sc-kAyceB jIzQpS"
+                  class="sc-iLsKjm bHyFYd sc-kAyceB jIzQpS"
                   data-testid="heading"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-cfxfcM sc-iLsKjm kMmTaI hfFDOO"
+                  class="sc-cfxfcM sc-epALIP kMmTaI PLedh"
                 >
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/contribution/quelle-est-la-duree-du-preavis-en-cas-de-demission"
                     >
                       Durée du préavis de démission
@@ -459,7 +455,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/contribution/les-conges-pour-evenements-familiaux"
                     >
                       Congés pour événements familiaux
@@ -467,7 +463,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/contribution/en-cas-darret-maladie-du-salarie-lemployeur-doit-il-assurer-le-maintien-de-salaire"
                     >
                       Maintien du salaire en cas d'arrêt maladie
@@ -478,18 +474,18 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-lbJcrp kpWXOu sc-kAyceB jIzQpS"
+                  class="sc-iLsKjm bHyFYd sc-kAyceB jIzQpS"
                   data-testid="heading"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-cfxfcM sc-iLsKjm kMmTaI hfFDOO"
+                  class="sc-cfxfcM sc-epALIP kMmTaI PLedh"
                 >
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/convention-collective/1090-services-de-lautomobile-commerce-et-reparation-de-lautomobile-du-cycle"
                     >
                       Services de l'automobile
@@ -497,7 +493,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/convention-collective/3248-metallurgie"
                     >
                       Métallurgie
@@ -505,7 +501,7 @@ exports[`<Term /> should render 1`] = `
                   </li>
                   <li>
                     <a
-                      class="sc-eifrsQ dieYdC"
+                      class="sc-lbJcrp fVfqop"
                       href="/convention-collective/573-commerces-de-gros"
                     >
                       Commerce de gros
@@ -517,10 +513,10 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-aXZVg sc-kFWlue gZgZQL epqIEU"
+          class="sc-aXZVg sc-jOnpCo gZgZQL dNBAUF"
         >
           <div
-            class="sc-bkEOxz gcLzOM"
+            class="sc-kFWlue gGpaBv"
           >
             <img
               alt="le site du ministere du travail, de l'emploi et de l'insertion"
@@ -534,7 +530,7 @@ exports[`<Term /> should render 1`] = `
               width="170"
             />
             <ul
-              class="sc-dhFUGM fngMeF"
+              class="sc-bkEOxz brUpVF"
             >
               <li>
                 <a
@@ -574,13 +570,13 @@ exports[`<Term /> should render 1`] = `
             </ul>
           </div>
           <div
-            class="sc-bJBgwP hEwZGH"
+            class="sc-leSDtu vcyTG"
           />
           <div
-            class="sc-fbKhjd EwujM"
+            class="sc-dhFUGM dxwgZk"
           >
             <ul
-              class="sc-dhFUGM sc-leSDtu fngMeF hMQRJI"
+              class="sc-bkEOxz sc-fbKhjd brUpVF jMnJWO"
             >
               <li>
                 <a
@@ -622,7 +618,7 @@ exports[`<Term /> should render 1`] = `
               <li>
                 <a
                   aria-label="Nous contacter"
-                  class="sc-dGCmGc hYoBaN"
+                  class="sc-bJBgwP cKCQfW"
                   role="link"
                 >
                   Nous contacter
diff --git a/packages/code-du-travail-frontend/__tests__/glossaire-[slug].test.tsx b/packages/code-du-travail-frontend/__tests__/glossaire-[slug].test.tsx
index bcb9827362b..1ffa33c0d09 100644
--- a/packages/code-du-travail-frontend/__tests__/glossaire-[slug].test.tsx
+++ b/packages/code-du-travail-frontend/__tests__/glossaire-[slug].test.tsx
@@ -6,7 +6,7 @@ import Term from "../pages/glossaire/[slug]";
 const term = {
   abbreviations: [],
   definition:
-    "<p>Accord collectif de travail conclu au niveau d'une entreprise.</p>",
+    "Accord collectif de travail conclu au niveau d'une entreprise.",
   references: [],
   slug: "accord-dentreprise",
   term: "Accord d'entreprise",
diff --git a/packages/code-du-travail-frontend/pages/code-du-travail/[slug].tsx b/packages/code-du-travail-frontend/pages/code-du-travail/[slug].tsx
index 39a545ed97f..247adc9e6e9 100644
--- a/packages/code-du-travail-frontend/pages/code-du-travail/[slug].tsx
+++ b/packages/code-du-travail-frontend/pages/code-du-travail/[slug].tsx
@@ -1,4 +1,4 @@
-import { getLabelBySource, SOURCES, Breadcrumb } from "@socialgouv/cdtn-utils";
+import { Breadcrumb, getLabelBySource, SOURCES } from "@socialgouv/cdtn-utils";
 import { Alert } from "@socialgouv/cdtn-ui";
 import { format } from "date-fns";
 import frLocale from "date-fns/locale/fr";
diff --git a/packages/code-du-travail-frontend/pages/glossaire/[slug].tsx b/packages/code-du-travail-frontend/pages/glossaire/[slug].tsx
index a12a63dfedb..60e7495d59f 100644
--- a/packages/code-du-travail-frontend/pages/glossaire/[slug].tsx
+++ b/packages/code-du-travail-frontend/pages/glossaire/[slug].tsx
@@ -12,7 +12,6 @@ import React from "react";
 import styled from "styled-components";
 
 import { A11yLink } from "../../src/common/A11yLink";
-import Html from "../../src/common/Html";
 import Metas from "../../src/common/Metas";
 import { SITE_URL } from "../../src/config";
 import { Layout } from "../../src/layout/Layout";
@@ -39,7 +38,7 @@ function Term(props: Props): JSX.Element {
                 <tr>
                   <th>Définition</th>
                   <td>
-                    <Html>{definition}</Html>
+                    <p>{definition}</p>
                   </td>
                 </tr>
                 {references && references.length > 0 && (
diff --git a/packages/code-du-travail-frontend/pages/widgets/modeles-de-courriers/[id].tsx b/packages/code-du-travail-frontend/pages/widgets/modeles-de-courriers/[id].tsx
index 8a084034173..7fe55df5a02 100644
--- a/packages/code-du-travail-frontend/pages/widgets/modeles-de-courriers/[id].tsx
+++ b/packages/code-du-travail-frontend/pages/widgets/modeles-de-courriers/[id].tsx
@@ -73,6 +73,7 @@ const StyledHeader = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
+
   header {
     margin: 0;
   }
@@ -80,6 +81,7 @@ const StyledHeader = styled.div`
 
 const StyledTitle = styled(PageTitle)`
   flex: 1;
+
   h1 {
     font-size: ${fonts.sizes.headings.xmedium};
   }