feat: Implement app theme handling #8
Conversation
❌ Deploy Preview for erc20-vault failed.
|
There was a problem hiding this comment.
En lugar de parsear un booleano, y convertirlo a string, puedes usar un string fijo asi evitas parseos innecesarios, puedes poner como dato a guardar, dark si es modo oscuro, o light como modo claro y en caso de no estar ninguno pos el por defecto, tambien usaras constantes.
const DARK_MODE = "dark";
const LIGHT_MODE = "light"- La causa por la que no estaban funcionando bien los estilos era por una cuestión de deprecación de las clases css.
- Se solucionó problema que impedía que se cargara la página, no se estaba obteniendo el TEST_TOKEN_SEPOLIA adecuadamente.
criss8X
changed the title
There was a problem hiding this comment.
El calendar lo arreglaste perfectamente, ahora hay cosas a tener en cuenta:
ButtonSwitchTheme:
- Cambiarle el nombre a SwitchTheme unicamente, si el boton switch theme es el unico que cambia de tema, entonces en lugar de crear un hook para el puedes establecer la logica dentro de Switch Theme, va ser mejor.
- Deberias poner el boton en algun lado, si esta creado debe implementarse en algun sitio. Busca algun sitio sin que rompa con la interfaz en todas las pantallas, para eso deberas usar las herramientas de desarrollo.
- Debes implementarle una animacion sencilla para darle un toque interesante, hay muchas plataformas que muestran animaciones para cambios de tema puedes usar framermotion.
- El uso de literales sin usar la constante:
theme === "dark" ? <> </> : <></>ahi estas poniendo "dark" es cierto que ese valor no cambiara, pero es una mala practica hacer eso porque normalmente trabajamos con valores que cambian, ya en el hook useTheme estableciste una constante, utilizala siempre.
- Cuando cambia de tema se ve un pequeño bub en el boton de switch theme ya que es ghost y cambia los colores de fondo, eso creo que se puede arreglar con una transision de colores.
Sugerencia:
las constantes DARK_MODE y LIGHT_MODE simplemente se pueden abstraer a un enum
export enum ThemeMode {
Dark = "dark",
Light = "light"
}Te sera mucho mas facil y es mas optimo que constantes sueltas creo.
Realizando Optimización General.
En este PR estaré revisando el código y resolviendo detalles respecto a componentes que se deban mejorar.
Cambios realizados