Mientras trabajaba en el tema Grogu, implementé un ícono de carga personalizado para ese tema y pensé que sería genial tener un componente independiente para personalizar el ícono del spinner de carga.
Este componente permite al personal personalizar el ícono giratorio predeterminado. Hay tres opciones de personalización disponibles a través de la configuración del tema:
nombre del ícono
tamaño del ícono
color del ícono
El componente solo acepta el nombre de un ícono de FontAwesome y recomiendo elegir uno de estos íconos para obtener un efecto de giro impresionante.
¡Disfrútenlo y háganme saber cómo puedo mejorar aún más este componente.
¡Hola, acabo de instalar esto! Una mejora que podrías implementar sería añadir otro color para el tema oscuro, ya que el color que elegiste para el claro, como #000000, no se verá en un tema oscuro.
Para el cambio automático del color del icono según los colores del tema, no especifiques ningún valor en la configuración del tema «custom icon color».
Ahora he establecido esto como comportamiento predeterminado mediante:
Me encanta este componente de tema y funciona muy bien en la página de inicio. Sin embargo, en algunas áreas de mi instancia de Discourse, muestra el spinner de carga predeterminado. Por ejemplo, cada vez que estoy en el panel de administración o en la configuración del usuario. @meghna ¿Hay alguna forma de solucionarlo?
Probando esto en Ubuntu con el navegador Chrome más reciente, estoy recibiendo el siguiente error en mi sitio de desarrollo local:
component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner fue creado con gjs y su plantilla no puede ser anulada. Ignorando anulación.
En mi sitio de producción, también probando con el navegador Chrome más reciente en Ubuntu, no estoy recibiendo errores, pero tampoco estoy viendo un indicador de carga.
Creo que se han realizado algunos cambios en la forma en que se anulan las plantillas en los temas desde que se lanzó este componente de tema: (not recommended) Overriding Discourse templates from a Theme or Plugin. Creo que la forma en que Discourse implementa el indicador de carga también ha cambiado desde entonces.
