fix: close both works+prose menus when navigating away from works

acdh-oeaw · Oct 9, 2024 · 51dc0a2 · 51dc0a2
1 parent 1f006bd
commit 51dc0a2
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/components/app-header-nav-menu.tsx b/components/app-header-nav-menu.tsx
@@ -44,14 +44,17 @@ export function AppHeaderNavMenu(): ReactNode {
 			}),
 	);
 
+	const closeMenus = () => {
+		setWorksMenuOpen(false);
+		setProseMenuOpen(false);
+	};
+
 	const topLevelItems = {
 		home: (
 			<AppHeaderNavMenuLink
 				href={createHref({ pathname: "/" })}
 				label={t("links.home")}
-				onClick={() => {
-					setWorksMenuOpen(false);
-				}}
+				onClick={closeMenus}
 			/>
 		),
 		works: (
@@ -66,27 +69,21 @@ export function AppHeaderNavMenu(): ReactNode {
 			<AppHeaderNavMenuLink
 				href={createHref({ pathname: "/languages" })}
 				label={t("links.languages")}
-				onClick={() => {
-					setWorksMenuOpen(false);
-				}}
+				onClick={closeMenus}
 			/>
 		),
 		translators: (
 			<AppHeaderNavMenuLink
 				href={createHref({ pathname: "/translators" })}
 				label={t("links.translators")}
-				onClick={() => {
-					setWorksMenuOpen(false);
-				}}
+				onClick={closeMenus}
 			/>
 		),
 		search: (
 			<AppHeaderNavMenuLink
 				href={createHref({ pathname: "/search" })}
 				label={t("links.search")}
-				onClick={() => {
-					setWorksMenuOpen(false);
-				}}
+				onClick={closeMenus}
 			/>
 		),
 	};