From f17e30788843ca2e14f557d7aa6ad79cdb7b56e9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cain=C3=A3=20Milech?= Date: Tue, 10 Jan 2023 12:37:59 -0300 Subject: [PATCH] feat: Adiciona transitions e hover em links e button --- .../components/MainInstitucional/Contato.tsx | 42 +++---------------- .../assets/modules/Contato.module.scss | 12 +++++- .../assets/modules/Main.module.scss | 1 - .../assets/modules/Navigation.module.scss | 5 +++ 4 files changed, 21 insertions(+), 39 deletions(-) diff --git a/react-project/src/components/MainInstitucional/Contato.tsx b/react-project/src/components/MainInstitucional/Contato.tsx index 9fe5a2d..de1e2d5 100644 --- a/react-project/src/components/MainInstitucional/Contato.tsx +++ b/react-project/src/components/MainInstitucional/Contato.tsx @@ -1,8 +1,8 @@ import { Formik, Form, Field, ErrorMessage } from "formik"; -import FormSchema from "./assets/schemas/FormSchema"; - import MaskedInput from "react-text-mask"; +import FormSchema from "./assets/schemas/FormSchema"; + import contato from "./assets/modules/Contato.module.scss"; interface IFormikValues { @@ -15,7 +15,6 @@ interface IFormikValues { terms: boolean; } -//setar valores iniciais const initialValues = { name: "", email: "", @@ -71,26 +70,19 @@ const Contato = () => { { - /*values.sent = true;*/ console.log(values); actions.resetForm(); - /*alert("formulario enviado");*/ const sent = document.querySelector("#sent") as HTMLSpanElement; sent.innerHTML = "*Formulário enviado com sucesso!"; }} initialValues={initialValues} validationSchema={FormSchema} > - {({ errors, touched, handleBlur }) => ( + {({ handleBlur }) => (
- + {
- + { type="text" placeholder="000.000.000-00" onBlur={handleBlur} - className={errors.cpf && touched.cpf && "invalid"} /> )} /> @@ -145,7 +131,6 @@ const Contato = () => { type="text" placeholder="00.00.0000" onBlur={handleBlur} - className={errors.date && touched.date && "invalid"} /> )} /> @@ -167,7 +152,6 @@ const Contato = () => { type="text" placeholder="(00) 00000-0000" onBlur={handleBlur} - className={errors.telefone && touched.telefone && "invalid"} /> )} /> @@ -184,22 +168,6 @@ const Contato = () => { type="instagram" id="instagram" name="instagram" - className={errors.instagram && touched.instagram && "invalid"} - /*name="instagram" - render={({ field }: any) => ( - - )}*/ />