avoid 404s when switching version

leaningtech · Sep 27, 2023 · d41a2e1 · d41a2e1
1 parent a1bb6b4
commit d41a2e1
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/components/ProductVersionSwitcher.astro b/src/components/ProductVersionSwitcher.astro
@@ -25,10 +25,15 @@ const { product } = Astro.props;
 	const select = document.getElementById(
 		"version-switcher",
 	) as HTMLSelectElement;
-	select.addEventListener("change", () => {
-		location.pathname = location.pathname.replace(
-			/\/cheerpj\d/,
-			`/${select.value}`,
-		);
+	select.addEventListener("change", async () => {
+		let href = location.pathname.replace(/\/cheerpj\d/, `/${select.value}`);
+
+		// If the page doesn't exist, redirect to the homepage
+		const req = await fetch(href, { method: "HEAD" });
+		if (req.status === 404) {
+			href = `/${select.value}`;
+		}
+
+		location.href = href;
 	});
 </script>