👍 fix: adding auto close event when the path change

nyomansunima · Oct 31, 2023 · 8f1a4dc · 8f1a4dc
1 parent 45cf90e
commit 8f1a4dc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/common/dynamic-logo.tsx b/src/components/common/dynamic-logo.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import Image from 'next/image'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import * as React from 'react'

diff --git a/src/components/common/navigation-menu.tsx b/src/components/common/navigation-menu.tsx
@@ -4,13 +4,22 @@ import { Button } from '@components/ui/button'
 import { Sheet, SheetContent } from '@components/ui/sheet'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@components/ui/tooltip'
 import Link from 'next/link'
+import { usePathname } from 'next/navigation'
 import * as React from 'react'
 import { sideNavMenus } from '~/constants/menu'
 import { socials } from '~/constants/social'
 
 export function NavigationMenu() {
+  const pathname = usePathname()
   const [isOpen, setOpen] = React.useState<boolean>(false)
 
+  React.useEffect(
+    function closeSheetOnPathChange() {
+      setOpen(false)
+    },
+    [pathname],
+  )
+
   return (
     <>
       <Tooltip>