Componente de tema de menção de emoji

Eu realmente gosto desse conceito!

Duas coisas que me vêm à mente, não tenho certeza se são possíveis atualmente, mas o que eu adoraria ter:

  1. A capacidade de usar isso para menções de grupo? Acabei de tentar para o meu grupo de administradores, mas não pareceu funcionar.

  2. A capacidade de o usuário escolher seu próprio emoji em suas preferências e, em seguida, ele apareceria toda vez que fosse mencionado. Talvez pudesse até ser um benefício para dar a usuários mais engajados em níveis de confiança mais altos.

Editar:

  1. A capacidade de usar isso para menções de grupo? Acabei de tentar para o meu grupo de administradores, mas não pareceu funcionar.

Descobri como fazer isso, mas não sei como fazer uma solicitação de PR, então, por enquanto, postarei o código abaixo:

common.scss adiciona .mention-group:after e .mention-group:before

@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 adiciona isso ao final:

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