From 5a733f2a2312b2e3221156a6bb0146560f9da1e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cain=C3=A3=20Milech?= <cainamilech15@hotmail.com>
Date: Tue, 3 Jan 2023 23:50:31 -0300
Subject: [PATCH] feat: Adiciona feedback validacoes

---
 react-project/src/components/Contato.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/react-project/src/components/Contato.tsx b/react-project/src/components/Contato.tsx
index bd3079b..324b719 100644
--- a/react-project/src/components/Contato.tsx
+++ b/react-project/src/components/Contato.tsx
@@ -64,6 +64,8 @@ const phoneNumberMask = [
   /\d/,
 ];
 
+const insta = ["@"];
+
 const Contato = () => {
   /*const handleFormikSubmit = (values: IFormikValues, actions) => {};*/
 
@@ -75,6 +77,7 @@ const Contato = () => {
         onSubmit={(values: IFormikValues, actions) => {
           console.log(values);
           actions.resetForm();
+          alert("formulario enviado");
         }}
         initialValues={initialValues}
         validationSchema={FormSchema}
@@ -183,6 +186,21 @@ const Contato = () => {
                 id="instagram"
                 name="instagram"
                 className={errors.instagram && touched.instagram && "invalid"}
+                /*name="instagram"
+                render={({ field }: any) => (
+                  <MaskedInput
+                    {...field}
+                    guide={false}
+                    id="instagram"
+                    mask={insta}
+                    type="text"
+                    placeholder="@seuuser"
+                    onBlur={handleBlur}
+                    className={
+                      errors.instagram && touched.instagram && "invalid"
+                    }
+                  />
+                )}*/
               />
               <ErrorMessage
                 component="span"
@@ -194,7 +212,7 @@ const Contato = () => {
               <span>*</span>
               <label>
                 Declaro que li e aceito
-                <label htmlFor="terms" className={contato["teste"]}></label>
+                <label htmlFor="terms"></label>
               </label>
               <Field type="checkbox" id="terms" name="terms" />
             </div>