feat: close mobile nav onclick

designatuci · May 19, 2024 · 4b8d858 · 4b8d858
1 parent 5a8b132
commit 4b8d858
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/app/components/Nav/Nav.js b/src/app/components/Nav/Nav.js
@@ -10,9 +10,11 @@ import "./Nav.scss";
 const Nav = () => {
 	const { pathname } = useLocation();
 	const [mobileExpand, setMobileExpand] = useState(false);
+
 	const toggleMobileExpand = () => {
 		setMobileExpand(!mobileExpand);
 	};
+
 	if (pathname === "/designathon22/" || pathname === "/designathon22")
 		return <></>;
 
@@ -122,13 +124,19 @@ const Nav = () => {
 							{ label: "Contact", url: "/contact" },
 							{ label: "Houses", url: "/houses" },
 						].map(({ label, url }) => (
-							<Link key={url} to={url} className="item center">
+							<Link
+								key={url}
+								to={url}
+								className="item center"
+								onClick={toggleMobileExpand}
+							>
 								<Text size="L">{label}</Text>
 							</Link>
 						))}
 						<Link
 							to="/join"
 							className="item center button fill sky"
+							onClick={toggleMobileExpand}
 						>
 							<Text size="L">Join</Text>
 						</Link>