Crear un index.ts dentro de utils y usar ese archivo para exportar todo lo que tiene esa carpeta. Esto nos va a permitir importar todo directamente desde ~/utils
Estamos haciendo lo mismo en la carpeta interfaces
Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar
Crear un componente llamado "Heading" dentro de "/components" que tenga los estilos que tienen todos los títulos. Ejemplo:
Requerimientos:
Renderea children
Recibe como prop el tipo de heading que tiene que dibujar (h1, h2, h3, h4)
Se estira todo lo que puede a lo ancho
Tiene los estilos de los títulos, font-medium, letra responsive, texto centrado, etc. Que son los estilos que tienen todos los títulos, con mirar un ejemplo se entiende, sino preguntar.
Cualquier otro detalle visual que se considere necesario
Luego, reemplazar todos los títulos del sitio por el nuevo componente
Hoy en día los deploys los hago yo desde mi máquina y quiero cambiar eso. Poco a poco fui en estos días actualizando scripts y demás en vistas de tener un alguna especie de CI.
Por lo que estuve viendo, integrar Zeit for GitHub va a requerir que demos de baja el sitio un ratito, porque ya existe una app coronabingo en mi cuenta y con esto la volvería a crear. Tengo que acordarme de subir los .env de staging 🤞🏼 para que los PRs no se buildeen con las env de prod
Explicación: Al reiniciar la sala, no todos los atributos de la sala se están reseteando correctamente. Eso se debe porque solo cambiamos readyToPlay a false, pero no se están reseteando otros valores como selectedNumbers, soundToPlay o confettiType a sus valores por defecto.
La sección de "Últimos números" genera un array de colores random cuando la página se carga, por lo cual, cambia si la página se refresca, entre tabs y entre las personas que están jugando.
Propongo dejar fijos esos colores, el último número que salió que siempre sea amarillito (bg-yellow-500, por ejemplo) y el resto siempre gris (bg-gray-300, por ejemplo). De manera de agregar más visibilidad al número que más importa y eliminar este caso que es innecesariamente complejo.
Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar
Puede servir para validar lo que se ganó, por ejemplo: con el número de cartón, se valida si efectivamente ganó comparando los números con los del bolillero
Estaría bueno meter en un context los toasts y que ese componente se encargue de mostrar los mensajes que hoy en día se muestran con el componente Message.
Habría que editarlos visualmente para que sean negros los de information, se puedan apilar si hay más de 1. Junto con esto estaría bueno inhabilitar secciones que disparan acciones como peticiones http. Por ejemplo, al crear una sala, inhabilitar el form, mostrar el Toast de creando sala y luego que se creó satisfactoriamente.
Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar
Habría que revisar el componente de Confetti para ver si podemos hacer que los divs que se animan cayendo pueden contener una imágen, un fondo, diferentes tamaños y que podamos customizar eso para que caigan otras cosas. Esto permitiría festejar y también lamentar sucesos (como que caigan F si alguien pierde la oportunidad de cartón)
Estaría bueno que cuando entrás al sitio te muestre en un modal o haya un link para leer sobre las últimas novedades.
Quizás en localStorage se pueda guardar la versión en cada visita y compararla, si cambió, mostrar el modal de esa versión. O algo así, por otro lado, debería salir 1 sola vez, cerrarse o cancelarse. Seguro es algo que muchas apps o sitios hacen. Habría que buscar un ejemplo.
Mandar el PR al branch v1.11.0
Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar