Ajoute un bouton pour déclencher une mention

betagouv · Sep 18, 2024 · 40dc69d · 40dc69d
1 parent 846c7ce
commit 40dc69d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/public/assets/images/icone_mention.svg b/public/assets/images/icone_mention.svg
diff --git a/svelte/lib/mesure/commentaire/CommentaireMesure.svelte b/svelte/lib/mesure/commentaire/CommentaireMesure.svelte
@@ -56,6 +56,16 @@
 </script>
 
 <form on:submit|preventDefault={sauvegardeCommentaire}>
+  <button
+    type="button"
+    class="mention-commentaire"
+    on:click={() => $editor.commands.insertContent('@')}
+  >
+    <img
+      src="/statique/assets/images/icone_mention.svg"
+      alt="Ajouter une mention"
+    />
+  </button>
   <EditorContent editeur={$editor} />
   <button type="submit" class="envoi-commentaire">
     <img
@@ -82,7 +92,7 @@
     color: #667892;
   }
 
-  button[type='submit'].envoi-commentaire {
+  button {
     margin: 0;
     padding: 8px;
     border: none;