From cfd162a71c63d5c649e50632a89f97e4c7457218 Mon Sep 17 00:00:00 2001
From: Sabrina Miranda <sabrina.miranda1@bol.com.br>
Date: Thu, 12 Jan 2023 18:06:49 -0300
Subject: [PATCH] =?UTF-8?q?refactor:=20Aplica=20mudan=C3=A7as=20no=20c?=
 =?UTF-8?q?=C3=B3digo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FooterMenu/FooterMenu.module.scss         | 41 +++++++++++--------
 src/components/FooterMenu/FooterMenu.tsx      | 15 +++++--
 .../RedesSociais/RedesSociais.module.scss     |  8 +++-
 .../WhatsAppAndScrollTop.module.scss          |  5 ++-
 4 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/src/components/FooterMenu/FooterMenu.module.scss b/src/components/FooterMenu/FooterMenu.module.scss
index 9facceb..46438f4 100644
--- a/src/components/FooterMenu/FooterMenu.module.scss
+++ b/src/components/FooterMenu/FooterMenu.module.scss
@@ -18,22 +18,23 @@
     }
 
     &__top {
-        
-        &__title,
-        &__item,
-        &__item-title {
-            color: variables.$black-300;
-            margin-bottom: 12px;
-        }
-        
         &__title-wrapper {
             @media (max-width: 1024px) {
                 display: flex;
                 justify-content: space-between;
             }
         }
+        
+        &__title,
+        &__item,
+        &__item-title,
+        &__title-active {
+            color: variables.$black-300;
+            margin-bottom: 12px;
+        }
 
-        &__title {
+        &__title,
+        &__title-active {
             font-weight: 500;
             font-size: 14px;
             line-height: 16px;
@@ -41,10 +42,6 @@
 
             @media (max-width: 1024px) {
                 cursor: pointer;
-
-                &:hover {
-                    filter: contrast(60%);
-                }
             }
             
             @media (min-width: 2500px) {
@@ -53,15 +50,23 @@
             }
         }
 
+        &__title {
+            @media (max-width: 1024px) {
+                &:hover {
+                    filter: contrast(60%);
+                }
+            }
+        }
+
+        &__title-active {
+            text-decoration-line: underline;
+        }
+
         &__plus-sign {
             font-weight: 500;
             color: variables.$black-300;
             cursor: pointer;
 
-            &:hover {
-                filter: contrast(60%);
-            }
-
             @media (min-width: 1025px) {
                 display: none;
             }
@@ -100,7 +105,7 @@
 
         &__item {
             &:hover {
-                filter:contrast(60%);
+                text-decoration-line: underline;
             }
         }
     
diff --git a/src/components/FooterMenu/FooterMenu.tsx b/src/components/FooterMenu/FooterMenu.tsx
index 1bbb5c5..74133cd 100644
--- a/src/components/FooterMenu/FooterMenu.tsx
+++ b/src/components/FooterMenu/FooterMenu.tsx
@@ -16,7 +16,10 @@ const FooterMenu = () => {
         <div className={styles["footer-menu__top"]}>
 
             <div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive(!isActive)}>
-                <h3 className={styles["footer-menu__top__title"]}>
+                
+                <h3 className={isActive === true && (window.innerWidth <= 1024)
+                    ? styles["footer-menu__top__title-active"]
+                    : styles["footer-menu__top__title"]}>
                     INSTITUCIONAL
                 </h3>
 
@@ -50,7 +53,10 @@ const FooterMenu = () => {
         <div className={styles["footer-menu__top"]}>
 
             <div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive2(!isActive2)}>
-                <h3 className={styles["footer-menu__top__title"]}>
+
+                <h3 className={isActive2 === true && (window.innerWidth <= 1024)
+                    ? styles["footer-menu__top__title-active"]
+                    : styles["footer-menu__top__title"]}>
                     DÚVIDAS
                 </h3>
 
@@ -84,7 +90,10 @@ const FooterMenu = () => {
         <div className={styles["footer-menu__top"]}>
 
             <div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive3(!isActive3)}>
-                <h3 className={styles["footer-menu__top__title"]}>
+
+                <h3 className={isActive3 === true && (window.innerWidth <= 1024)
+                    ? styles["footer-menu__top__title-active"]
+                    : styles["footer-menu__top__title"]}>
                     FALE CONOSCO
                 </h3>
 
diff --git a/src/components/RedesSociais/RedesSociais.module.scss b/src/components/RedesSociais/RedesSociais.module.scss
index a4751f4..fa52094 100644
--- a/src/components/RedesSociais/RedesSociais.module.scss
+++ b/src/components/RedesSociais/RedesSociais.module.scss
@@ -16,7 +16,11 @@
             width: 35px;
 
             &:hover {
-                filter: contrast(40%);
+                filter: contrast(30%);
+            }
+
+            &:active {
+                filter: contrast(100%);
             }
 
             @media (min-width: 2500px) {
@@ -31,7 +35,7 @@
         color: variables.$black-300;
 
         &:hover {
-            filter: contrast(60%);
+            text-decoration-line: underline;
         }
 
         @media (min-width: 2500px) {
diff --git a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss
index 8d5373a..69f7886 100644
--- a/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss
+++ b/src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss
@@ -29,6 +29,10 @@
         &:hover {
             filter: brightness(90%) ;
         }
+
+        &:active {
+            filter: brightness(100%);
+        }
     }
 
     &__scrolltop {
@@ -63,5 +67,4 @@
             }
         }
     }
-
 }