From e8952e776b7b6440289ab0b923e1e54ec463ea40 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Tue, 10 Jan 2023 13:00:56 -0300
Subject: [PATCH] =?UTF-8?q?refactor:=20ajusta=20footer=20top=20mobile=20co?=
 =?UTF-8?q?nforme=20altera=C3=A7=C3=B5es=20no=20figma?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FooterTop/styles.module.scss |  8 -------
 src/components/Main/Contact/index.tsx       | 24 ++++++++-------------
 src/components/NewsLetter/index.tsx         | 13 +++++------
 src/schema/NewsLetterSchema.ts              |  5 +++++
 4 files changed, 21 insertions(+), 29 deletions(-)
 create mode 100644 src/schema/NewsLetterSchema.ts

diff --git a/src/components/FooterTop/styles.module.scss b/src/components/FooterTop/styles.module.scss
index 2bc0a9d..37e01a5 100644
--- a/src/components/FooterTop/styles.module.scss
+++ b/src/components/FooterTop/styles.module.scss
@@ -114,14 +114,6 @@
         text-transform: none;
       }
     }
-
-    &__socialMedia {
-      height: 35px;
-
-      .socialMeida-site {
-        display: none;
-      }
-    }
   }
 
   @media (min-width: 2500px) {
diff --git a/src/components/Main/Contact/index.tsx b/src/components/Main/Contact/index.tsx
index 8ea422e..5402a56 100644
--- a/src/components/Main/Contact/index.tsx
+++ b/src/components/Main/Contact/index.tsx
@@ -110,10 +110,8 @@ const Contact = () => {
             </div>
             <div className={styles["form__input"]}>
               <label htmlFor="cpf">CPF</label>
-              <Field
-                id="cpf"
-                name="cpf"
-                render={({ field }: any) => (
+              <Field id="cpf" name="cpf">
+                {({ field }: any) => (
                   <MaskedInput
                     {...field}
                     mask={cpfNumberMask}
@@ -122,7 +120,7 @@ const Contact = () => {
                     type="text"
                   />
                 )}
-              />
+              </Field>
               <ErrorMessage
                 component="span"
                 name="cpf"
@@ -131,10 +129,8 @@ const Contact = () => {
             </div>
             <div className={styles["form__input"]}>
               <label htmlFor="birthDate">Data de Nascimento:</label>
-              <Field
-                id="birthDate"
-                name="birthDate"
-                render={({ field }: any) => (
+              <Field id="birthDate" name="birthDate">
+                {({ field }: any) => (
                   <MaskedInput
                     {...field}
                     mask={bhirtDateMask}
@@ -143,7 +139,7 @@ const Contact = () => {
                     type="text"
                   />
                 )}
-              />
+              </Field>
               <ErrorMessage
                 component="span"
                 name="birthDate"
@@ -152,10 +148,8 @@ const Contact = () => {
             </div>
             <div className={styles["form__input"]}>
               <label htmlFor="phone">Telefone:</label>
-              <Field
-                id="phone"
-                name="phone"
-                render={({ field }: any) => (
+              <Field id="phone" name="phone">
+                {({ field }: any) => (
                   <MaskedInput
                     {...field}
                     mask={phoneNumberMask}
@@ -164,7 +158,7 @@ const Contact = () => {
                     type="text"
                   />
                 )}
-              />
+              </Field>
               <ErrorMessage
                 component="span"
                 name="phone"
diff --git a/src/components/NewsLetter/index.tsx b/src/components/NewsLetter/index.tsx
index abeab96..47ad57e 100644
--- a/src/components/NewsLetter/index.tsx
+++ b/src/components/NewsLetter/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./styles.module.scss";
-import { Formik, Form, Field, ErrorMessage, FormikHelpers } from "formik";
-import FormSchema from "../../schema/FormSchema";
+import { Formik, Form, Field, ErrorMessage } from "formik";
+import NewsletterSchema from "../../schema/NewsLetterSchema";
 
 interface FormikValues {
   newsLetter: string;
@@ -12,8 +12,9 @@ const initialValues = {
 };
 
 const NewsLetter = () => {
-  const handleFormikSubmit = (values: FormikValues) => {
+  const handleNewsletterSubmit = (values: FormikValues, { resetForm }: any) => {
     console.log(values);
+    resetForm({ values: "" });
   };
 
   return (
@@ -22,9 +23,9 @@ const NewsLetter = () => {
         <h1>Assine nossa Newsletter</h1>
       </div>
       <Formik
-        onSubmit={handleFormikSubmit}
+        onSubmit={handleNewsletterSubmit}
         initialValues={initialValues}
-        validationSchema={FormSchema}
+        validationSchema={NewsletterSchema}
       >
         <Form className={styles["newsLetter__container"]}>
           <Field
@@ -34,7 +35,7 @@ const NewsLetter = () => {
             placeholder="E-mail"
           />
           <ErrorMessage component="span" name="newsLetter" />
-          <button className={styles["newsLetter__button"]} type="submit">
+          <button type="submit" className={styles["newsLetter__button"]}>
             Enviar
           </button>
         </Form>
diff --git a/src/schema/NewsLetterSchema.ts b/src/schema/NewsLetterSchema.ts
new file mode 100644
index 0000000..1a86df9
--- /dev/null
+++ b/src/schema/NewsLetterSchema.ts
@@ -0,0 +1,5 @@
+import * as Yup from "yup";
+
+export default Yup.object().shape({
+  newsLetter: Yup.string().required("").email("e-Mail inválido"),
+});
-- 
2.34.1