Permitir recuperar falhas ao cadastrar um sonho
CreateDream aguarda api.post e navega após sucesso, mas não possui try/catch nem estado de envio. O formulário continua habilitado durante a requisição. A API possui middleware de validação, portanto uma resposta de erro precisa ser apresentada sem perder o texto digitado.
- Tamanho estimado
- S · 3–5 horas
- Conhecimentos
- React · TypeScript · Axios
Arquivos e evidências
- YagoLagrottiBracco/dreamerz-front/src/components/pages/dream/CreateDream.tsxArquivo a alterar ·
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
Critérios de aceite, passo a passo
- Simular uma resposta de validação e uma falha de rede; capturar o erro no envio e exibir uma mensagem acessível no formulário.
- Manter nome e descrição após falha e liberar nova tentativa; não navegar para a lista quando o cadastro falhar.
- Desabilitar o envio enquanto a chamada estiver pendente e impedir que cliques repetidos criem requisições duplicadas.
- Testar falha, repetição e resposta 201: o sucesso deve fazer uma única requisição e navegar para /dashboard/dreams.