Permitir recuperarse de errores al crear un sueño
CreateDream espera api.post y navega tras el éxito, pero no tiene try/catch ni estado de envío. El formulario sigue habilitado durante la petición. La API tiene validación, por lo que los errores deben mostrarse sin perder el texto escrito.
- Tamaño estimado
- S · 3–5 horas
- Conocimientos
- React · TypeScript · Axios
Archivos y evidencias
- YagoLagrottiBracco/dreamerz-front/src/components/pages/dream/CreateDream.tsxArchivo que modificar ·
51efb503a97a· L49–L125 - YagoLagrottiBracco/dreamerz-api/src/routes/private.routes.tsContexto ·
541490969f04· L37–L42 - YagoLagrottiBracco/dreamerz-api/src/app/middlewares/dreamMiddleware.tsContexto ·
541490969f04· L3–L7
Criterios de aceptación, paso a paso
- Simular una respuesta de validación y un fallo de red; capturar el error y mostrar un mensaje accesible en el formulario.
- Conservar nombre y descripción tras el error y permitir reintentar; no navegar a la lista cuando falle la creación.
- Deshabilitar el envío durante la petición y evitar que clics repetidos generen peticiones duplicadas.
- Probar fallo, reintento y respuesta 201: el éxito debe realizar una sola petición y navegar a /dashboard/dreams.