From c7723cbe22d96ad55a0b2519b4e00a90042a0a34 Mon Sep 17 00:00:00 2001
From: Carlos Lins <carloslinsdev@gmail.com>
Date: Mon, 9 Jan 2023 17:54:54 -0300
Subject: [PATCH] =?UTF-8?q?Fix:=20Melhorando=20valida=C3=A7=C3=A3o=20do=20?=
 =?UTF-8?q?instagram=20e=20tamanho=20dos=20width=20das=20div=20do=20Footer?=
 =?UTF-8?q?Top?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer/FooterTop/FooterTop.tsx         |  4 ++--
 src/components/Footer/FooterTop/footerTop.module.scss | 11 ++++++++++-
 src/schema/FormSchema.ts                              |  4 ++--
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer/FooterTop/FooterTop.tsx b/src/components/Footer/FooterTop/FooterTop.tsx
index e473eb0..d2caab0 100644
--- a/src/components/Footer/FooterTop/FooterTop.tsx
+++ b/src/components/Footer/FooterTop/FooterTop.tsx
@@ -86,7 +86,7 @@ export default function FooterTop() {
 
   return (
     <div className={styles.containerFooterTop}>
-      <div>
+      <div className={styles.wrapperFooterTop}>
         <h4 ref={titleMenuFooter.institucional} onClick={footerLinkToggle}>
           Institucional
         </h4>
@@ -110,7 +110,7 @@ export default function FooterTop() {
           </li>
         </ul>
       </div>
-      <div>
+      <div className={styles.wrapperFooterTop}>
         <h4 ref={titleMenuFooter.duvidas} onClick={footerLinkToggle}>
           Dúvidas
         </h4>
diff --git a/src/components/Footer/FooterTop/footerTop.module.scss b/src/components/Footer/FooterTop/footerTop.module.scss
index 1feb4e4..484b9fb 100644
--- a/src/components/Footer/FooterTop/footerTop.module.scss
+++ b/src/components/Footer/FooterTop/footerTop.module.scss
@@ -4,6 +4,10 @@
 
   padding: 50px 100px;
 
+  .wrapperFooterTop {
+    width: 14.3518%;
+  }
+
   div h4 {
     font-weight: 500;
     font-size: 14px;
@@ -20,7 +24,6 @@
     font-weight: 400;
     font-size: 12px;
     line-height: 14px;
-    text-transform: capitalize;
     margin-top: 12px;
 
     color: var(--black-100);
@@ -31,6 +34,7 @@
   }
 
   .containerSupportClient {
+    width: 14.3518%;
     .supportClient {
       display: flex;
       flex-direction: column;
@@ -112,6 +116,11 @@
     flex-direction: column;
     gap: 12px;
 
+    .wrapperFooterTop,
+    .containerSupportClient {
+      width: 100%;
+    }
+
     div h4 {
       display: flex;
       align-items: center;
diff --git a/src/schema/FormSchema.ts b/src/schema/FormSchema.ts
index 81427fd..49b9937 100644
--- a/src/schema/FormSchema.ts
+++ b/src/schema/FormSchema.ts
@@ -48,6 +48,6 @@ export default Yup.object().shape({
     .required("*Campo obrigatório")
     .test("phone", "*Telefone Inválido", (phone) => convertPhone(phone!)),
   instagram: Yup.string()
-    .matches(/@/, "@ é obrigatório")
-    .min(3, "Nome de usuario muito curto"),
+    .matches(/^@/, "@ no início é obrigatória")
+    .min(4, "Nome de usuario muito curto"),
 });
-- 
2.34.1