Alterar o ícone de Curtir para 👍

[Discourse]

	Resumo	Alterar o Ícone de Curtir para permite que você troque o ícone pelo ícone — ou por qualquer outro glyph do Font Awesome 5.5 que preferir.
	Pré-visualização	Pré-visualizar no Discourse Theme Creator
	Link do Repositório	https://github.com/discourse/new-like-icon
	Iniciante em Temas do Discourse?	Guia para iniciantes sobre como usar Temas do Discourse

Instale este componente de tema

Como este é um componente de tema #oficial mantido pela equipe do Discourse, solicitações de #suporte, bug, ux e #funcionalidade podem ser feitas nas respectivas categorias aqui no Meta, e devem ser marcadas com a tag apropriada do componente de tema. Clique em um dos links abaixo para iniciar uma nova discussão.

 Suporte  Bug  UX  Funcionalidade

Funcionalidades

Desde que migramos para o Font Awesome 5, desenvolvemos uma API interna que entrega um subconjunto de todos os ícones do FA aos clientes — apenas aqueles ícones usados ativamente pelo Discourse. Os proprietários do site podem usar a configuração do site subconjunto de ícones svg para registrar ícones adicionais para sua instância do Discourse.

Antes

Depois

Se desejar,

• você pode alterar a cor do ícone de curtir em /admin/customize/colors/ (procure pela configuração de cor do amor)
• você pode alterar o texto de “curtir” para um termo diferente em /admin/customize/site_texts/

Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

[Phlipups]

Hi,
Sorry to dredge up this topic again but I am totally confused. I just came across this as I saw another discourse forum using a thumbs up so I did some googling.
What I’d like to do is instead of using the Thumbs up, is to use the Pig icon from here - Font Awesome with the outline version being the Unliked icon. Is that possible? Since it’s a Pro icon, would I have to download it or make my own and add it as a custom icon or emoji and then apply it to the Like Icon component.? Not sure how to do that either.
I have the Change Like Icon component installed and tested it out on an unused theme and it does work as intended. The problem is I see no area in settings under that component to mess with CSS, so there’s no place to add the scripting from earlier on in this thread.
Any help would be appreciated, thanks.

[Tris20 (Tristan)]

Assim como @Phlipups, estou tentando mudar o ícone simplesmente para o ícone sólido de cerveja, mas recebo uma tela em branco.

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'beer');
      api.replaceIcon('d-unliked', 'fa-beer');
      api.replaceIcon('notification.liked', 'fa-beer');
      api.replaceIcon('notification.liked_2', 'fa-beer');
      api.replaceIcon('notification.liked_many', 'fa-beer');
      api.replaceIcon('notification.liked_consolidated', 'fa-beer');      
      api.replaceIcon('heart', 'beer');
</script>

[Don]

Oi Tris,

Tente adicionar beer à configuração do site svg icon subset em admin/site_settings/category/all_results?filter=svg%20icon%20subset.
E acho que usar apenas beer em vez de fa-beer é suficiente. O ícone de cerveja não possui apenas uma versão com borda na versão gratuita, então apenas a cor mudará após o clique.

[Tris20 (Tristan)]

Brilhante, Don! Obrigado pela ajuda!

[mangojumbo (Luca)]

Olá pessoal, instalei este componente e, embora ele funcione muito bem e substitua com sucesso o ícone de coração na lista de posts, as notificações por e-mail que meus usuários recebem ainda mostram o ícone de coração antigo.
Estou esquecendo de algo? Preciso modificar também o modelo de e-mail?
Obrigado por desenvolver este ótimo componente

[nathank (Nathan Kershaw)]

Acabei de enviar um PR para tornar o repositório um pouco mais claro (depois de não conseguir identificar o TC na minha instância):

Update description, link to meta topic, and title

Eu me pergunto se o link do repositório também deveria ser alterado de new-like-icon para algo mais claro. Claro, isso causaria caos, então talvez não!