fix: navbar links gradient (#18)

defi-wonderland · Feb 13, 2023 · 5fd7b3a · 5fd7b3a
1 parent 27629ac
commit 5fd7b3a
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/containers/Navbar/index.tsx b/src/containers/Navbar/index.tsx
@@ -47,22 +47,31 @@ export const Navbar = ({}: NavbarProps) => {
 
   const handleClick = (i: number) => {
     setShowNavbar(!showNavbar);
+    const newNavLink = resetValues();
+    newNavLink[i].disabled = true;
+    setNavLink(newNavLink);
+  };
 
+  const resetValues = () => {
     // reset values
     const newNavLink = navLink.map((link) => ({
       name: link.name,
       url: link.url,
       disabled: false,
     }));
 
-    newNavLink[i].disabled = true;
-    setNavLink(newNavLink);
+    return newNavLink;
   };
 
   return (
     <StyledNavbar id={showNavbar ? "show" : ""}>
       <LogoContainer>
-        <WonderLogo to="/landing">
+        <WonderLogo
+          to="/landing"
+          onClick={() => {
+            setNavLink(resetValues());
+          }}
+        >
           <img src={wonderLogo} alt="Wonderland logo" />
         </WonderLogo>
         <MenuButton onClick={() => setShowNavbar(!showNavbar)}>