From 64cc1f9bf568afe38618e03114f30bf32cbe6a6c Mon Sep 17 00:00:00 2001
From: Hans5958 <hans5958@outlook.com>
Date: Fri, 18 Aug 2023 00:28:50 +0700
Subject: [PATCH] Fix path issues

---
 src/components/LanguagePicker.astro      |  4 ++--
 src/components/LanguagePickerIndex.astro |  9 +++++++++
 src/components/VersionPicker.astro       |  2 +-
 src/components/VersionPickerIndex.astro  | 13 +++++++++++++
 src/layouts/Display.astro                |  4 ++--
 src/layouts/DisplayIndex.astro           | 17 +++++------------
 6 files changed, 32 insertions(+), 17 deletions(-)
 create mode 100644 src/components/LanguagePickerIndex.astro
 create mode 100644 src/components/VersionPickerIndex.astro

diff --git a/src/components/LanguagePicker.astro b/src/components/LanguagePicker.astro
index 5d44575..a360c7d 100644
--- a/src/components/LanguagePicker.astro
+++ b/src/components/LanguagePicker.astro
@@ -4,6 +4,6 @@ const { locales } = Astro.props
 
 <ul class="flex list-none flex-wrap mb-4 gap-2">
 	{ Object.keys(locales).map(code => <li class="flex list-none">
-		<a class="p-2 border rounded hover:bg-slate-100" href={ code } >{ code }</a>
+		<a class="p-2 border rounded hover:bg-slate-100" href={ '../' + code + '/' } >{ code }</a>
 	</li>) }
-</ul>
\ No newline at end of file
+</ul>
diff --git a/src/components/LanguagePickerIndex.astro b/src/components/LanguagePickerIndex.astro
new file mode 100644
index 0000000..e8b5ab5
--- /dev/null
+++ b/src/components/LanguagePickerIndex.astro
@@ -0,0 +1,9 @@
+---
+const { locales } = Astro.props
+---
+
+<ul class="flex list-none flex-wrap mb-4 gap-2">
+	{ Object.keys(locales).map(code => <li class="flex list-none">
+		<a class="p-2 border rounded hover:bg-slate-100" href={ code + '/' } >{ code }</a>
+	</li>) }
+</ul>
diff --git a/src/components/VersionPicker.astro b/src/components/VersionPicker.astro
index d1616e8..07f99d0 100644
--- a/src/components/VersionPicker.astro
+++ b/src/components/VersionPicker.astro
@@ -10,6 +10,6 @@ const versions = Object.keys(
 
 <ul class="flex list-none flex-wrap mb-2 gap-2">
 	{ versions.map(version => <li class="flex list-none">
-		<a class="p-2 border rounded hover:bg-slate-100" href={ '../' + version + '/' + lang } >{ version }</a>
+		<a class="p-2 border rounded hover:bg-slate-100" href={ '../../' + version + '/' + lang + '/' } >{ version }</a>
 	</li>) }
 </ul>
\ No newline at end of file
diff --git a/src/components/VersionPickerIndex.astro b/src/components/VersionPickerIndex.astro
new file mode 100644
index 0000000..965be12
--- /dev/null
+++ b/src/components/VersionPickerIndex.astro
@@ -0,0 +1,13 @@
+---
+const versions = Object.keys(
+	import.meta.glob("../pages/*/index.astro", { as: "raw" })
+).map(k => {
+	return k.split('/')[2]
+}).filter(a => a);
+---
+
+<ul class="flex list-none flex-wrap mb-2">
+	{ versions.map(version => <li class="flex list-none">
+		<a class="p-2 border rounded me-2 hover:bg-slate-100" href={ '../' + version + '/' } >{ version }</a>
+	</li>) }
+</ul>
diff --git a/src/layouts/Display.astro b/src/layouts/Display.astro
index de1b9dd..eeefb6b 100644
--- a/src/layouts/Display.astro
+++ b/src/layouts/Display.astro
@@ -18,10 +18,10 @@ let { version, locales, lang } = Astro.props
 		<header class="container mx-auto">
 			<ul class="flex list-none flex-wrap mb-2 gap-2">
 				<li class="flex list-none">
-					<a class="p-2 border rounded hover:bg-slate-100" href="../">← Back to Home</a>
+					<a class="p-2 border rounded hover:bg-slate-100" href="../../">← Back to Home</a>
 				</li>
 				<li class="flex list-none">
-					<a class="p-2 border rounded hover:bg-slate-100" href="./">Version: { version }</a>
+					<a class="p-2 border rounded hover:bg-slate-100" href="../">Version: { version }</a>
 				</li>
 				<li class="flex list-none">
 					<a class="p-2 border rounded hover:bg-slate-100" href="#">Language: { lang }</a>
diff --git a/src/layouts/DisplayIndex.astro b/src/layouts/DisplayIndex.astro
index 23ff641..12899ff 100644
--- a/src/layouts/DisplayIndex.astro
+++ b/src/layouts/DisplayIndex.astro
@@ -1,10 +1,7 @@
 ---
-import LanguagePicker from "../components/LanguagePicker.astro";
-const versions = Object.keys(
-	import.meta.glob("../pages/*/index.astro", { as: "raw" })
-).map(k => {
-	return k.split('/')[2]
-});
+import LanguagePickerIndex from "../components/LanguagePickerIndex.astro";
+import VersionPickerIndex from "../components/VersionPickerIndex.astro";
+
 
 let { version, locales } = Astro.props
 ---
@@ -28,12 +25,8 @@ let { version, locales } = Astro.props
 					<a class="p-2 border rounded hover:bg-slate-100" href="./">Version: { version }</a>
 				</li>
 			</ul>
-			<ul class="flex list-none flex-wrap mb-2">
-				{ versions.map(version => <li class="flex list-none">
-					<a class="p-2 border rounded me-2 hover:bg-slate-100" href={ '../' + version + '/' } >{ version }</a>
-				</li>) }
-			</ul>
-			<LanguagePicker locales={ locales } />
+			<VersionPickerIndex />
+			<LanguagePickerIndex locales={ locales } />
 		</header>
 		<main class="container mx-auto">
 		</main>