Error404 casi terminado. #12
Conversation
He creado una carpeta específica para almacenar el componente 404. Esto facilitará la organización, especialmente porque planeo agregar más contenido al error 404 en el futuro.
El componente de Error 404 está casi terminado. Solo falta agregarle algunos detalles más, pero me he quedado sin ideas por el momento. Solicité a Christian que creara una imagen para este componente; aún no estoy seguro si lo hará, pero mientras tanto, utilizaremos la que tenemos. Por otro lado, en VSC me aparece un error en el componente del botón relacionado con los PROPS. No sé la razón exacta, pero a pesar de eso, sigue funcionando correctamente.
He terminado de pulir el error 404. Finalmente, opté por convertirlo en una tarjeta similar a la que muestra al 'Cowboy del día'
Aún persiste el problema en la tarjeta del día. Me vi obligado a agregar un condicional ('if') para validar la tarjeta. No estoy seguro si es la mejor solución, pero al menos ahora funciona. Sería conveniente revisar esta parte.
Corrigiendo errores ortográficos y otros detalles adicionales.
Hey Franco, necesito enviarte un mensaje de voz por WhatsApp o Discord, tengo un lío enorme. Más o menos he logrado resolverlo. Resulta que metí la pata con toda esta rama. La idea original era solo trabajar en el componente Error404, pero terminé modificando otras cosas para que ese componente quedara bien y, sin darme cuenta, terminé alterando casi todo, ¡ja! Bueno, luego te contacto por audio para explicarte mejor.
He realizado modificaciones en la página de inicio. Ahora, esta sección mostrará únicamente dos tarjetas: una destacando al 'tonto del día' y otra al 'cowboy del día'. Toda la información adicional estará disponible en sus respectivas secciones, como la lista completa de 'tontos del día' en la sección dedicada a ello.
frontend/src/Componentes/Botones.jsx
Outdated
| if (!button) { | ||
| return; | ||
| } |
There was a problem hiding this comment.
Este fue lo que te dijo ChatGPT?
Creo que no es necesario, me parece que se puede borrar.
No sería correcto crear un boton que no tiene ruta ni informacion.
There was a problem hiding this comment.
Acabo de eliminarlo y no tuve ningún problema, tal como me mencionaste. Sin embargo, en el componente de la tarjeta del día, todavía tengo dificultades.
There was a problem hiding this comment.
Franco, ya he solucionado el problema. Como mencionaste, un componente vacío puede generar un error. He comentado esa parte del código y eliminado el 'if', y ahora funciona correctamente.
| return ( | ||
| <> | ||
| <h2>Error 404</h2> | ||
| <div> | ||
| <TarjetaDia tarjeta={tarjeta} /> |
There was a problem hiding this comment.
Creo que para el error 404 no tendriamos que usar el componente Tarjeta.
El componente Tarjeta tiene propiedades exclusivas para un tonto, como un nombre y titulos y una cantidad.
Creo que seria mejor que esta pagina no use este componente y tenga todo el HTML directamente.
There was a problem hiding this comment.
Al principio, estaba utilizando HTML plano, como mencionas. Después lo cambié, ¿por qué? Bueno, ¡ni yo mismo lo sé, jaja!
frontend/src/Componentes/Inicio.jsx
Outdated
|
|
||
| {/* Tarjeta del cowboy del día */} | ||
| <h3 className="tituloH3">Cowboy del día de hoy es...</h3> | ||
| <TarjetaDia /> |
There was a problem hiding this comment.
Es mejor no usar el componente tarjeta si no va a tener propiedades y va a estar vacio.
De esta forma te evitas poner el if dentro del componente.
Ademas, no es un uso correcto para el componente.
There was a problem hiding this comment.
La idea era incluir los datos del Cowboy del día, pero lamentablemente no pude completarlo a tiempo. Ese es el plan. Pretendo que funcione de manera similar al Tonto del día, pero enfocado en el Cowboy destacado del día.
Después de eliminar los 'if', todo está funcionando correctamente. Tuve que comentar el componente 'TarjetaDelDia', ya que por ahora no se está utilizando en 'Inicio'. Sin embargo, ¿qué sucederá cuando comience a usar el componente 'TarjetaDelDia' en 'Inicio'? ¿Será necesario volver a utilizar el 'if'?
Cambio de nombre de componente a Tarjeta
He completado el Error 404! Espero que esta vez el componente esté listo pronto. Realicé varios cambios significativos, y debo admitir que me gusta más en su forma actual. De todos modos, si necesitas más ajustes, házmelo saber y seguimos trabajando en ello juntos.
Solicité a Christian que creara una imagen para este componente; aún no estoy seguro si lo hará, pero mientras tanto, utilizaremos la que tenemos.