Add/post from form to event

[alekgomes]

Descrição

Esse pull request altera o formulário servido em http://localhost:3000/ para que ele envie um POST para /event. Também adiciona validações nos campos desse formulário usando a biblioteca react-hook-form em conjunto com validações de esquemas do Zod.

Mudanças Realizadas

1. A principal alteração é adição de evento onSubmit no formulário.
2. Adição de validação de campos na model

Arquivos Modificados

• app/(mentoring)/mentoring.model.ts:

  • Adicionado referência para interface do serviço
  • Adição de validação dos inputs utilizados na view
  • Adição de chamada para serviço SignUpMentoring

• app/(mentoring)/mentoring.view.tsx:

  • Agora chama o serviço SignUpMentoring a partir do onSubmit
  • Adição de mensagens de erros para cada campo do formulário

• app/(mentoring)/page.tsx:

  • Alterar para funcionar como container, gerenciando relações entre view, model e services.

• src/components/form/error-message.tsx:

  • Alterado para ser mais flexível - no momento recebe estado de erro das validações feitas pelo react-hook-form e validações do zod (feitas em /register)

• src/services/MentoringAgenda/IMentoringAgendaService.model.ts:

  • Prepara método para receber informações do formulário na forma de FormData.

• src/services/MentoringAgenda/MentoringAgenda.service.ts:

  • Configura método para chamar rota /event

• backend/pkg/http/http.go:

  • Habilita política de CORS

Motivação e Contexto

Na tarefa Criar interface para cadastro de usuários #35 foi feita apenas a implementação dos elementos visuais da tela, sem consideração o comportamento de submissão do formulário.
Esse PR adicionada uma chamada POST à rota /event enviando os dados do usuário, assim como é feito no formulário servido na http://localhost:8080.

Fluxo de cadastro - Mensagens ao usuário

No cadastro anterior o usuário recebia um email e era redirecionado para o link do meeting.
Nesse PR o comportamento está sendo alterado. Agora uma mensagem de erro ou de sucesso é exibida para o usuário e o email continua sendo enviado normalmente.

Mensagem de erro:

Mensagem de sucesso:

Como Isso Foi Testado?

• Testado manualmente

Issue Relacionada

• BUG: Submit do form não gera comportamento esperado #23

Tipos de Mudanças

• Correção de bug (mudança que não quebra a compatibilidade e corrige um problema)
• Nova funcionalidade (mudança que não quebra a compatibilidade e adiciona uma funcionalidade)
• Mudança que quebra a compatibilidade (correção ou funcionalidade que causa uma mudança em funcionalidades existentes)

Checklist

• Meu código segue o estilo de código deste projeto.
• Minha mudança requer uma mudança na documentação.
• Eu atualizei a documentação conforme necessário.
• Eu adicionei testes para cobrir minhas mudanças.
• Todos os novos e antigos testes passaram.

Notas Adicionais

1 . Se o padrão de validação de inputs utilizado nesse PR for bem aceito, vale a pena aplicar a mesma estrutura em /register para fins de padronização.

2. Esse PR só pode ser concluído uma vez que o problema do CORS for resolvido e seja possível testar o fluxo fim-a-fim.

3. O diagrama a seguir representa o fluxo de dependências entre as camadas. Foi elaborado para guiar o desenvolvimento e servir de documentação do implementado

   3.a. Os erros estão sendo tratado dentro da Model, caso seja recomendado um lugar mais adequado para esse tratamento, podemos discutir.