diff --git a/src/components/BreadCrumb/BreadCreumb.tsx b/src/components/BreadCrumb/BreadCreumb.tsx index 49b41a2..457c3ea 100644 --- a/src/components/BreadCrumb/BreadCreumb.tsx +++ b/src/components/BreadCrumb/BreadCreumb.tsx @@ -10,7 +10,7 @@ export const BreadCrumb = () => { const { pathname } = useLocation() - const routeName = pathname.split("/")[1] + // const routeName = pathname.split("/")[1] return ( diff --git a/src/components/Header/HeaderMobile/BurguerMenu.tsx b/src/components/Header/HeaderMobile/BurguerMenu.tsx index cf03652..3707116 100644 --- a/src/components/Header/HeaderMobile/BurguerMenu.tsx +++ b/src/components/Header/HeaderMobile/BurguerMenu.tsx @@ -38,7 +38,7 @@ export const BurguerMenu = ({ isOpenMenu, setisOpenMenu }: MenuMobile) => { Saiba Mais - + Institucional diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 2e1fd4f..e21f5ce 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -3,6 +3,7 @@ import { Footer } from "../components/Footer/Footer" import { Header } from "../components/Header/Header" import { BreadCrumb } from "../components/BreadCrumb/BreadCreumb" import styles from "./styles.module.scss" +import { Instituicional } from "./Intitucional/Instituicional" @@ -15,7 +16,7 @@ export const Home = () => {
- + {/* */}
diff --git a/src/pages/Intitucional/Contato.module.scss b/src/pages/Intitucional/Contato.module.scss index 25e9d22..272f379 100644 --- a/src/pages/Intitucional/Contato.module.scss +++ b/src/pages/Intitucional/Contato.module.scss @@ -58,8 +58,6 @@ } - - .invalid { border: 1px solid red; @@ -82,6 +80,26 @@ } } + .success { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + /* identical to box height */ + + + color: #008000; + + margin-top: 12.56px; + + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + + } + } + button { padding: 17px; diff --git a/src/pages/Intitucional/Contato.tsx b/src/pages/Intitucional/Contato.tsx index 12f1a36..b633694 100644 --- a/src/pages/Intitucional/Contato.tsx +++ b/src/pages/Intitucional/Contato.tsx @@ -1,9 +1,9 @@ -import { Formik, Form, Field, ErrorMessage } from "formik"; +import { Formik, Form, Field, ErrorMessage, FormikHelpers } from "formik"; import ContactFormSchema from "../../schema/ContactFormSchema"; import { Article } from "./Article"; import style from "./Contato.module.scss"; import InputMask from 'react-input-mask'; - +import React, { useState } from "react"; interface IFormikValues { name: string; email: string; @@ -24,18 +24,23 @@ const initialValues = { checkbox: false, }; -const formSubmit = (values: IFormikValues) => { - console.log(values); -}; +let listContact: Array = [] + export const Contato = () => { + + const [isValidateForm, setisValidateForm] = useState(false); return (
{ + listContact.push(values); + actions.resetForm(); + ({ ...values }) ? setisValidateForm(true) : setisValidateForm(false); + }} validationSchema={ContactFormSchema} > {({ errors, touched }) => ( @@ -81,9 +86,10 @@ export const Contato = () => { @@ -91,7 +97,7 @@ export const Contato = () => { { + {isValidateForm && ( + *Formulario enviado com sucesso! + )} )} -
+ ); }; diff --git a/src/routes.tsx b/src/routes.tsx index 5b6134b..903b31e 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -15,13 +15,13 @@ export const Routes = () => { return ( }> - < Route path="institucional/sobre" element={}> - } /> - } /> - } /> - } /> - } /> - } /> + < Route path="/" element={}> + } /> + } /> + } /> + } /> + } /> + } /> diff --git a/src/schema/ContactFormSchema.ts b/src/schema/ContactFormSchema.ts index 739d837..8c34d2d 100644 --- a/src/schema/ContactFormSchema.ts +++ b/src/schema/ContactFormSchema.ts @@ -2,7 +2,6 @@ import * as Yup from "yup"; import { cpfRegex, - dateRegex, instaRegex, phoneRegex } from "./ContactValidations";