# Composant de thème de mention d'emoji

**URL:** <https://meta.discourse.org/t/emoji-mention-theme-component/90125>\
**Category:** Theme component\
**Created:** [Juin 18, 2018, 2:48 UTC](https://meta.discourse.org/t/emoji-mention-theme-component/90125 "2018-06-18T14:48:29Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)\
**Post date:** [Janvier 6, 2022, 12:32 UTC](https://meta.discourse.org/t/emoji-mention-theme-component/90125/6 "2022-01-06T00:32:32Z")

</div>

J’aime beaucoup ce concept !

Deux choses me viennent à l’esprit, je ne sais pas si c’est actuellement possible mais j’adorerais l’avoir :

1. La possibilité de l’utiliser pour les mentions de groupe ? Je viens de l’essayer pour mon groupe d’administrateurs mais cela ne semble pas fonctionner.

2. La possibilité pour l’utilisateur de choisir son propre emoji dans ses préférences et il s’afficherait alors chaque fois qu’il serait mentionné. Ce pourrait même être un avantage à accorder aux utilisateurs les plus engagés ayant des niveaux de confiance plus élevés.

Modifier :

> 1. La possibilité de l’utiliser pour les mentions de groupe ? Je viens de l’essayer pour mon groupe d’administrateurs mais cela ne semble pas fonctionner.

J’ai trouvé comment faire mais je ne sais pas comment faire une demande de PR, donc pour l’instant, je vais juste poster le code ci-dessous :

**`common.scss`** ajoute .mention-group:after et .mention-group:before

```plaintext
@if $show-after-mention == "true" {
  .mention:after,
  .mention-group:after {
    content: attr(data-emoji);
    display: inline;
  }
} @else {
  .mention:before,
  .mention-group:after {
    content: attr(data-emoji);
    display: inline;
  }
}

```

**`header.html`** ajoute ceci à la fin :

```plaintext
$.each(emoji, function(key, value) {
  api.decorateCooked($elem =>
    $elem
      .find("a.mention-group:contains(" + key + ")")
      .attr("data-emoji", value)
      .addClass("with-emoji")
  );
});

```

---

_[View the full topic](https://meta.discourse.org/t/emoji-mention-theme-component/90125)._