From 4b8d85859533efcd5089ad550a9429091133ee58 Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Sun, 19 May 2024 02:53:12 -0700
Subject: [PATCH] feat: close mobile nav onclick

---
 src/app/components/Nav/Nav.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/components/Nav/Nav.js b/src/app/components/Nav/Nav.js
index 3b142567..5b5212d3 100644
--- 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>