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]

Oi,
Desculpe trazer esse tópico de novo, mas estou totalmente confuso. Acabei de encontrar isso ao ver outro fórum do Discourse usando um polegar para cima, então fiz uma busca no Google.
O que gostaria de fazer é, em vez de usar o polegar para cima, usar o ícone de porquinho daqui — Pig Icon | Font Awesome — com a versão em contorno sendo o ícone de “não curtir”. Isso é possível? Como é um ícone Pro, eu teria que baixá-lo ou criar o meu próprio e adicioná-lo como um ícone ou emoji personalizado para, em seguida, aplicá-lo ao componente do ícone de Curtir? Também não tenho certeza de como fazer isso.
Tenho o componente “Change Like Icon” instalado e o testei em um tema não utilizado, e ele funciona conforme o esperado. O problema é que não vejo nenhuma área nas configurações desse componente para mexer com CSS, então não há onde adicionar o script mencionado mais cedo neste tópico.
Qualquer ajuda será muito apreciada, obrigado.

[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!