Enabled Navbar to automatically close on navigation (thanos-io#6656)

* Enabled Navbar to automatically close on navigation Signed-off-by: Vanshika <[email protected]> * Rebuild Signed-off-by: Vanshika <[email protected]> --------- Signed-off-by: Vanshika <[email protected]>
coleenquadros · Oct 6, 2023 · 9e08c28 · 9e08c28
1 parent 806b952
commit 9e08c28
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/pkg/ui/react-app/src/thanos/Navbar.tsx b/pkg/ui/react-app/src/thanos/Navbar.tsx
@@ -107,7 +107,7 @@ const Navigation: FC<PathPrefixProps & NavigationProps> = ({ pathPrefix, thanosC
             if ('uri' in config)
               return (
                 <NavItem key={config.uri}>
-                  <NavLink tag={Link} to={`${pathPrefix}${config.uri}`}>
+                  <NavLink tag={Link} to={`${pathPrefix}${config.uri}`} onClick={toggle}>
                     {config.name}
                   </NavLink>
                 </NavItem>
@@ -120,7 +120,7 @@ const Navigation: FC<PathPrefixProps & NavigationProps> = ({ pathPrefix, thanosC
                 </DropdownToggle>
                 <DropdownMenu>
                   {config.children.map((c) => (
-                    <DropdownItem key={c.uri} tag={Link} to={`${pathPrefix}${c.uri}`}>
+                    <DropdownItem key={c.uri} tag={Link} to={`${pathPrefix}${c.uri}`} onClick={toggle}>
                       {c.name}
                     </DropdownItem>
                   ))}