Esqueci a Senha ❓

Página responsável pelo sistema de redefinição de senha em caso de desconhecimento.

Introdução

Página para redefinição de senha por email.

Página de redefinição de senha via email

Sua funcionalidade ocorre através de um formulário com o campo "email". Uma vez enviada a solicitação, o usuário receberá uma notificação com o link para redefinição de senha. O link remete a página Mudar Senha.

Formulário e Validação

O campo "email" está sujeito a seguinte configuração:

interface ForgotPasswordData {
  email: string;
}

A validação do campo ocorre com a lib "yup" e, à exemplo de sua aplicação, há a seguinte definição:

const forgotPasswordSchema = yup.object().shape({
  email: yup
    .string()
    .email("Entre com um email válido")
    .required("Email é obrigatório"),
});

Submit para envio de redefinição de senha

Através do Axios, tem-se por definição a função de submissão do formulário, listada logo abaixo:

const handleForgotPassword = (data: ForgotPasswordData) => {
    setRequisition(true);
    api
      .get(`User/send/${data.email}`)
      .then((response) => {
        setRequisition(false);
        reset();
        toast.success(
          "Email para redefinição de senha enviado com sucesso! Verifique sua caixa de entrada."
        );
        Router.push("/");
      })
      .catch((error) => {
        toast.error("Erro ao enviar email para redefinição de senha!");
        setRequisition(false);
      });
  };

Componentes Integrados

• React Toast -> Tratamento de respostas

• Yup -> Validação de campos

Requisitos Funcionais

Descrição	Entradas	Saídas	Observações ⭐
Envio de formulário de email para o servidor	Campos do formulário listados aqui	Envio de email para redefinição de senha	✅
Acessibilidade via Color Mode - White e Dark	Evento de clique no ícone superior direito [☀ - 🌙]	Alteração na visualização de cores dentro de toda a aplicação	O controle do modo de cores ocorre através do context ToggleModeStyle.
Tratamento de respostas via ReactToast	-	SUCCESS: "Email para redefinição de senha enviado com sucesso! Verifique sua caixa de entrada." ERROR: "Erro ao enviar email para redefinição de senha!"	✅
Responsividade	-	-	✅

Caminho do arquivo: src\pages\ForgotPassword