From f96a6e93107ff008011e27e873470d5d74838dd3 Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Sat, 7 Jan 2023 11:32:07 -0300
Subject: [PATCH] hotfix: add tag a (link) no header

---
 .../src/components/Header/Header.tsx          | 19 ++++++++---
 .../src/components/Header/MenuHamburguer.tsx  | 16 ++++++---
 .../src/styles/Hamburguer.module.scss         | 34 +++++++++++--------
 .../src/styles/Header.module.scss             |  9 ++++-
 4 files changed, 54 insertions(+), 24 deletions(-)

diff --git a/adilson-fernando/src/components/Header/Header.tsx b/adilson-fernando/src/components/Header/Header.tsx
index 4279221..aae25b4 100644
--- a/adilson-fernando/src/components/Header/Header.tsx
+++ b/adilson-fernando/src/components/Header/Header.tsx
@@ -57,7 +57,9 @@ const Header = ({handleOpenModal}:HeaderProps) => {
         </div>
 
         <div className={styles["top-entrarCarrinho"]}>
-          <h2 className={styles["entrarCarrinho-texto"]}>ENTRAR</h2>
+          <h2 className={styles["entrarCarrinho-texto"]}>
+            <a className={styles["entrarCarinho-texto-a"]} href="/">ENTRAR</a>
+          </h2>
           <a href="/">
             <img
               className={styles["entrarCarrinho-img"]}
@@ -70,9 +72,18 @@ const Header = ({handleOpenModal}:HeaderProps) => {
 
       <div className={styles["header-navBar"]}>
         <ul className={styles["navBar-Ul"]}>
-          <li className={styles["navBar-Li"]}>CURSOS</li>
-          <li className={styles["navBar-Li"]}>SAIBA MAIS</li>
-          <li className={styles["navBar-Li"]}>INSTITUCIONAIS</li>
+
+          <li className={styles["navBar-Li"]}>
+            <a className={styles["navBar-Li-a"]} href="/">CURSOS</a>
+          </li>
+
+          <li className={styles["navBar-Li"]}>
+            <a className={styles["navBar-Li-a"]} href="/">SAIBA MAIS</a>
+          </li>
+
+          <li className={styles["navBar-Li"]}>
+            <a className={styles["navBar-Li-a"]} href="/">INSTITUCIONAIS</a>
+          </li>
         </ul>
       </div>
 
diff --git a/adilson-fernando/src/components/Header/MenuHamburguer.tsx b/adilson-fernando/src/components/Header/MenuHamburguer.tsx
index fd258be..bf2ef4e 100644
--- a/adilson-fernando/src/components/Header/MenuHamburguer.tsx
+++ b/adilson-fernando/src/components/Header/MenuHamburguer.tsx
@@ -24,16 +24,24 @@ function MenuHamburguer ({isOpen, onRequestClose}:MenuHamburguerProps){
         >
         <div className={styles["menuHamburguer"]} >
             <div className={styles["div-entrar"]}>
-                <h2 className={styles["entrar-texto"]}>ENTRAR</h2>
+                <h2 className={styles["entrar-texto"]}>
+                    <a className={styles["entrar-texto-a"]} href="/">ENTRAR</a>
+                </h2>
                 <button onClick={onRequestClose}>
                     <img className={styles["entra-img"]} src={fecharMenu} alt="Fechar Menu" />
                 </button>
             </div>
             <div className={styles["header-navBar"]}>
                 <ul className={styles["navBar-Ul"]}>
-                    <li className={styles["navBar-Li"]}>CURSOS</li>
-                    <li className={styles["navBar-Li"]}>SAIBA MAIS</li>
-                    <li className={styles["navBar-Li"]}>INSTITUCIONAIS</li>
+                    <li className={styles["navBar-Li"]}>
+                       <a className={styles["navBar-Li-a"]} href="/">CURSOS</a> 
+                    </li>
+                    <li className={styles["navBar-Li"]}>
+                        <a className={styles["navBar-Li-a"]} href="/">SAIBA MAIS</a> 
+                    </li>
+                    <li className={styles["navBar-Li"]}>
+                       <a className={styles["navBar-Li-a"]} href="/">INSTITUCIONAIS</a> 
+                    </li>
                 </ul>
             </div>
         </div>
diff --git a/adilson-fernando/src/styles/Hamburguer.module.scss b/adilson-fernando/src/styles/Hamburguer.module.scss
index 62faac6..5ee0098 100644
--- a/adilson-fernando/src/styles/Hamburguer.module.scss
+++ b/adilson-fernando/src/styles/Hamburguer.module.scss
@@ -24,13 +24,15 @@
         padding-right: 32px;
 
         .entrar-texto{
-
-            font-family: 'Roboto',sans-serif;
-            font-style: normal;
-            font-weight: 400;
-            font-size: 14px;
-            line-height: 16px;
-            color: #FFFFFF;
+            .entrar-texto-a{
+                text-decoration: none;
+                font-family: 'Roboto',sans-serif;
+                font-style: normal;
+                font-weight: 400;
+                font-size: 14px;
+                line-height: 16px;
+                color: #FFFFFF;
+            }
         }
         .entra-img{
             position: absolute;
@@ -47,14 +49,16 @@
             list-style: none;
             .navBar-Li{
                 margin-bottom:12px ;
-                font-family: 'Roboto',sans-serif;
-                font-style: normal;
-                font-weight: 500;
-                font-size: 14px;
-                line-height: 16px;
-                text-transform: uppercase;
-                color: #C4C4C4;
-                
+                .navBar-Li-a{
+                    text-decoration: none;
+                    font-family: 'Roboto',sans-serif;
+                    font-style: normal;
+                    font-weight: 500;
+                    font-size: 14px;
+                    line-height: 16px;
+                    text-transform: uppercase;
+                    color: #C4C4C4;
+                }
             }
         }
     }
diff --git a/adilson-fernando/src/styles/Header.module.scss b/adilson-fernando/src/styles/Header.module.scss
index 34b1e92..83e0235 100644
--- a/adilson-fernando/src/styles/Header.module.scss
+++ b/adilson-fernando/src/styles/Header.module.scss
@@ -136,6 +136,10 @@
           line-height: 16px;
           color: white;
           margin-right: 40.45% ;
+          .entrarCarinho-texto-a{
+            color: white;
+            text-decoration: none;
+          }
           @media (min-width: 2500px){
             font-size: 28px;
             line-height: 33px;
@@ -165,7 +169,6 @@
       @media (max-width: 1024px){
         display: none;
       }
-      
       .navBar-Ul{
         display: flex;
         list-style: none;
@@ -177,6 +180,10 @@
         }
         .navBar-Li{
           margin-right: 4.297%;
+          .navBar-Li-a{
+            color: white;
+            text-decoration: none;
+          }
           @media (min-width: 2500px){
             font-size: 28px;
             line-height: 33px;