From 4679c4d7ed1ff5a80001f93349d06e33b730d563 Mon Sep 17 00:00:00 2001
From: ThibaudMZN <thibaud.marazano@beta.gouv.fr>
Date: Wed, 18 Sep 2024 16:37:21 +0200
Subject: [PATCH] =?UTF-8?q?Affiche=20correctement=20les=20contributeurs=20?=
 =?UTF-8?q?mentionn=C3=A9s=20dans=20les=20activit=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../activites/ActiviteAjoutCommentaire.svelte | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/svelte/lib/mesure/contenus/activites/ActiviteAjoutCommentaire.svelte b/svelte/lib/mesure/contenus/activites/ActiviteAjoutCommentaire.svelte
index f53191f77..fde33fff7 100644
--- a/svelte/lib/mesure/contenus/activites/ActiviteAjoutCommentaire.svelte
+++ b/svelte/lib/mesure/contenus/activites/ActiviteAjoutCommentaire.svelte
@@ -1,12 +1,31 @@
 <script lang="ts">
   import type { ActiviteMesure, DetailsAjoutCommentaire } from '../../mesure.d';
   import { decode } from 'html-entities';
+  import { contributeurs } from '../../../tableauDesMesures/stores/contributeurs.store';
 
   export let activite: ActiviteMesure;
-
   const details = <DetailsAjoutCommentaire>activite.details;
+
+  const regex =
+    /@\[([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})\]/gm;
+
+  const contenu = decode(details.contenu).replaceAll(
+    regex,
+    (_s, idUtilisateur) => {
+      const contributeur = $contributeurs.find((c) => c.id === idUtilisateur);
+      const texte = contributeur ? contributeur.prenomNom : 'Utilisateur.rice';
+      return `<span class="mention">@${texte}</span>`;
+    }
+  );
 </script>
 
 <div>
-  <span>{decode(details.contenu)}</span>
+  <span>{@html contenu}</span>
 </div>
+
+<style>
+  :global(.mention) {
+    color: var(--bleu-mise-en-avant);
+    font-weight: 700;
+  }
+</style>