feat: link in stay light on active (#32)

Fixes datasektionen/bawang#75
datasektionen · Oct 3, 2024 · 47aefbb · 47aefbb
1 parent 66a439d
commit 47aefbb
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/TopBar.js b/src/components/TopBar.js
@@ -91,6 +91,10 @@ const List = styled.div`
     }
   }
 
+  a.current {
+    background-color: ${({ theme }) => theme.primary.light};
+  }
+
   transition: max-width 0.1s ease-in-out, margin-left 0.1s ease-in-out, opacity 0.5s ease-in-out;
   max-width: 100%;
   opacity: 1;
@@ -133,6 +137,7 @@ const TopBar = ({
             React.cloneElement(link, {
               key: link.to,
               onClick: e => toggleMenu(),
+              className: window.location.pathname === link.props.to && "current",
               children: link.props.children.toUpperCase()
             })
           :