From c13d0de6b443c8b81ba2b96a74f7e23cc9626f05 Mon Sep 17 00:00:00 2001
From: Muthu Kumar <muthukumar@thefeathers.in>
Date: Sun, 27 Apr 2025 01:05:44 +0530
Subject: [PATCH] fix: weird nav bug when location was 2-deep!

---
 src/components/Container.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Container.tsx b/src/components/Container.tsx
index 5585f90..51f36f6 100644
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@@ -62,10 +62,12 @@ const Container: React.FC<{
 		} catch {}
 	};
 
+	const relevantLocation = location.split("/").slice(0, 2).join("/");
+
 	const handlePrev = (e: MouseKb) => {
 		animateArrow(e);
 
-		const current = MenuPaths.findIndex(path => location === path);
+		const current = MenuPaths.findIndex(path => relevantLocation === path);
 		const index = (current - 1) % MenuPaths.length;
 		const prev = MenuPaths.at(index)!;
 		timer(() => navigate(prev), 300);
@@ -74,7 +76,7 @@ const Container: React.FC<{
 	const handleNext = (e: MouseKb) => {
 		animateArrow(e);
 
-		const current = MenuPaths.findIndex(path => location === path);
+		const current = MenuPaths.findIndex(path => relevantLocation === path);
 		const index = (current + 1) % MenuPaths.length;
 		const next = MenuPaths.at(index)!;
 		timer(() => navigate(next), 300);
@@ -89,9 +91,8 @@ const Container: React.FC<{
 	}
 
 	useEffect(() => {
-		const depth = location.split("/").length;
 		// scroll back to top when new page is loaded, only for top-level pages
-		if (depth === 1) window.scrollTo({ top: 0 });
+		window.scrollTo({ top: 0 });
 
 		if (highlightCircle.current) {
 			highlightCircle.current.classList.add("highlight");
@@ -115,12 +116,12 @@ const Container: React.FC<{
 
 		// cleanup
 		return () => (window.removeEventListener("keydown", kbnav), clear());
-	}, [location, context.contact.on]);
+	}, [relevantLocation, context.contact.on]);
 
 	// on first render
 	useLayoutEffect(handleResize, []);
 
-	const end = location === MenuEntries[MenuEntries.length - 1][1];
+	const end = relevantLocation === MenuEntries[MenuEntries.length - 1][1];
 
 	return (
 		<div