blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

Close panel on when user clicks on a nav link

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-03-21 23:13:56 +00:00
parent dc0c78f270
commit de3c500fea
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/components/navigation.tsx
View File

@@ -101,7 +101,7 @@ export default function TopNavigation() {
return ( return (
<> <>
<Disclosure as="nav" className="border-b border-gray-200 bg-white"> <Disclosure as="nav" className="border-b border-gray-200 bg-white">
{({ open }) => ( {({ open, close }) => (
<> <>
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div className="flex h-16 justify-between"> <div className="flex h-16 justify-between">
@@ -217,6 +217,9 @@ export default function TopNavigation() {
"block pl-3 pr-4 py-2 border-l-4 text-base font-medium" "block pl-3 pr-4 py-2 border-l-4 text-base font-medium"
)} )}
aria-current={item.current ? "page" : undefined} aria-current={item.current ? "page" : undefined}
onClick={() => {
close();
}}
> >
{item.name} {item.name}
</Link> </Link>