change onClick event binding to NavCategory

heyjul3s · Jan 14, 2021 · 62e0776 · 62e0776
1 parent 93446d6
commit 62e0776
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/docs/components/Nav/Mobile/Navbar/Navbar.tsx b/docs/components/Nav/Mobile/Navbar/Navbar.tsx
@@ -30,16 +30,15 @@ export function Navbar() {
         const Icon = Icons[`${links[key].name}Icon`];
 
         return (
-          <NavCategory key={`${key}-button`}>
+          <NavCategory
+            key={`${key}-button`}
+            onClick={onClickNavCategory(
+              links[key].name,
+              links[key].mobileNavIndex
+            )}
+          >
             {!!Icon && <Icon />}
-            <NavCategoryButton
-              onClick={onClickNavCategory(
-                links[key].name,
-                links[key].mobileNavIndex
-              )}
-            >
-              {links[key].name}
-            </NavCategoryButton>
+            <NavCategoryButton>{links[key].name}</NavCategoryButton>
           </NavCategory>
         );
       })}

diff --git a/docs/components/Nav/Mobile/Navbar/styles.ts b/docs/components/Nav/Mobile/Navbar/styles.ts
@@ -18,7 +18,7 @@ export const NavMenuContainer = styled.div`
   `}
 `;
 
-export const NavCategoryButton = styled.button`
+export const NavCategoryButton = styled.a`
   font-size: 0.6rem;
   border: none;
   outline: none;
@@ -37,4 +37,5 @@ export const NavCategory = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  cursor: pointer;
 `;