fix sidenav open state after clicking links
This commit is contained in:
@@ -47,7 +47,12 @@ export const NavBar = () => {
|
|||||||
</Link>
|
</Link>
|
||||||
<div className="my-auto hidden sm:flex">
|
<div className="my-auto hidden sm:flex">
|
||||||
{MenuItems.map((menuItem) => (
|
{MenuItems.map((menuItem) => (
|
||||||
<Link href={menuItem.href} key={nanoid()} className="nav-link mx-2 my-auto px-2">
|
<Link
|
||||||
|
href={menuItem.href}
|
||||||
|
key={nanoid()}
|
||||||
|
className="nav-link mx-2 my-auto px-2"
|
||||||
|
onClick={() => setIsSideNavOpen(false)}
|
||||||
|
>
|
||||||
{menuItem.title}
|
{menuItem.title}
|
||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
@@ -74,6 +79,7 @@ export const NavBar = () => {
|
|||||||
href={menuItem.href}
|
href={menuItem.href}
|
||||||
key={nanoid()}
|
key={nanoid()}
|
||||||
className="border-b border-dashed p-3 text-xl hover:text-sky-500"
|
className="border-b border-dashed p-3 text-xl hover:text-sky-500"
|
||||||
|
onClick={() => setIsSideNavOpen(false)}
|
||||||
>
|
>
|
||||||
{menuItem.title}
|
{menuItem.title}
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
Reference in New Issue
Block a user