Merge pull request #436 from semaphore-protocol/fix/menu-links

The navbar menu closes after clicking on links
semaphore-protocol · Nov 8, 2023 · cd3c29b · cd3c29b
2 parents 81e21b0 + 3581bc2
commit cd3c29b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/apps/website/src/components/Navbar.tsx b/apps/website/src/components/Navbar.tsx
@@ -56,7 +56,7 @@ export default function Navbar() {
 
                     <DrawerBody>
                         <VStack spacing="8" mt="20">
-                            <NavbarLinks />
+                            <NavbarLinks onClick={onClose} />
                         </VStack>
                     </DrawerBody>
 

diff --git a/apps/website/src/components/NavbarLinks.tsx b/apps/website/src/components/NavbarLinks.tsx
@@ -5,12 +5,17 @@ import NextLink from "next/link"
 import { usePathname } from "next/navigation"
 import IconArrowUpRight from "../icons/IconArrowUpRight"
 
-export default function NavbarLinks() {
+export type NavbarProps = {
+    onClick?: () => void
+}
+
+export default function NavbarLinks({ onClick }: NavbarProps) {
     const pathname = usePathname()
 
     return (
         <>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/projects"
                 variant="navlink"
@@ -21,6 +26,7 @@ export default function NavbarLinks() {
                 </Heading>
             </Link>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/learn"
                 variant="navlink"
@@ -31,6 +37,7 @@ export default function NavbarLinks() {
                 </Heading>
             </Link>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/build"
                 variant="navlink"