Merge pull request #121 from sbv-world-health-org-metrics/ajhenry/nav

Fix navigation for tabs
github-community-projects · Mar 26, 2024 · 9f6c016 · 9f6c016
2 parents 052ef50 + 3e92aae
commit 9f6c016
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 28 deletions.
diff --git a/app/src/components/Layout.tsx b/app/src/components/Layout.tsx
@@ -63,12 +63,23 @@ export const Layout: FC<PropsWithChildren> = ({ children }) => {
         </Box>
       )}
       <TabNav aria-label="Main" className="mt-8">
-        <TabNav.Link href="/" selected={router.pathname === '/'}>
+        <TabNav.Link
+          href="/"
+          selected={!router.pathname.includes('documentation')}
+          onClick={(e) => {
+            e.preventDefault();
+            router.push('/');
+          }}
+        >
           Repositories
         </TabNav.Link>
         <TabNav.Link
           href="/documentation"
-          selected={router.pathname === '/documentation'}
+          selected={router.pathname.includes('documentation')}
+          onClick={(e) => {
+            e.preventDefault();
+            router.push('/documentation');
+          }}
         >
           Documentation
         </TabNav.Link>

diff --git a/package-lock.json b/package-lock.json