From b2eccc65bf5841d72206c8ed5079ad2a84a74ffd Mon Sep 17 00:00:00 2001
From: jaybuidl <jb@kleros.io>
Date: Mon, 5 Feb 2024 17:40:13 +0000
Subject: [PATCH] fix: hidden link in portrait style

---
 web/src/layout/Header/navbar/Explore.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/web/src/layout/Header/navbar/Explore.tsx b/web/src/layout/Header/navbar/Explore.tsx
index 53ab7d69c..378f85389 100644
--- a/web/src/layout/Header/navbar/Explore.tsx
+++ b/web/src/layout/Header/navbar/Explore.tsx
@@ -61,7 +61,7 @@ const links = [
 
 const Explore: React.FC = () => {
   const location = useLocation();
-  const { toggleIsOpen } = useOpenContext();
+  const { isOpen, toggleIsOpen } = useOpenContext();
 
   return (
     <Container>
@@ -77,15 +77,17 @@ const Explore: React.FC = () => {
           </StyledLink>
         </LinkContainer>
       ))}
-      <LinkContainer>
-        <HiddenLink
-          to="/disputeTemplate"
-          onClick={toggleIsOpen}
-          isActive={location.pathname.startsWith("/disputeTemplate")}
-        >
-          Dev
-        </HiddenLink>
-      </LinkContainer>
+      {!isOpen && (
+        <LinkContainer>
+          <HiddenLink
+            to="/disputeTemplate"
+            onClick={toggleIsOpen}
+            isActive={location.pathname.startsWith("/disputeTemplate")}
+          >
+            Dev
+          </HiddenLink>
+        </LinkContainer>
+      )}
     </Container>
   );
 };