Enquanto trabalhava no tema Grogu, implementei um ícone de carregamento personalizado para esse tema e achei que seria legal ter um componente independente para personalizar o ícone do spinner de carregamento.
Este componente permite que a equipe personalize o ícone giratório padrão. Há três opções de personalização disponíveis nas configurações do tema:
nome do ícone
tamanho do ícone
cor do ícone
O componente aceita apenas o nome de ícones do FontAwesome e recomendo escolher um desses ícones para obter um efeito giratório incrível.
Aproveite e me diga como posso melhorar ainda mais este componente.
Olá, acabei de instalar isso! Uma melhoria que você poderia fazer é adicionar outra cor para o tema escuro, pois a cor que você escolheu para o claro, como #000000, não será visível no tema escuro.
Adoro esse componente de tema e ele funciona muito bem na página inicial. No entanto, em algumas áreas da minha instância do Discourse, ele exibe o spinner de carregamento padrão. Por exemplo, sempre que estou no painel de administração ou nas configurações do usuário. @meghna, há alguma maneira de corrigir isso?
Testando isso usando Ubuntu com o navegador Chrome mais recente, estou recebendo o seguinte erro no meu site de desenvolvimento local:
component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner foi criado usando gjs e seu template não pode ser substituído. Ignorando substituição.
No meu site de produção, também testando com o navegador Chrome mais recente no Ubuntu, não estou recebendo erros, mas também não estou vendo um spinner de carregamento.
Acho que algumas alterações foram feitas na forma como os templates são substituídos em temas desde que este componente de tema foi lançado: (not recommended) Overriding Discourse templates from a Theme or Plugin. Acho que a forma como o Discourse implementa o spinner de carregamento também mudou desde então.
