add reference layout (#50)

* add reference layout

* fix

Author: outofambit

src/layouts/ReferenceLayout.astro

@@ -0,0 +1,31 @@
+---
+import { type CollectionEntry } from "astro:content";
+import BaseLayout from "./BaseLayout.astro";
+import { makeReferencePageSlug } from "@pages/_utils";
+import { removeLocalePrefix } from "@i18n/utils";
+
+type ReferenceEntry = CollectionEntry<"reference">;
+
+interface Props {
+  title: string;
+  entries: ReferenceEntry[];
+}
+
+const { entries, title } = Astro.props;
+---
+
+<BaseLayout title={title}>
+  <ul>
+    {
+      entries.map((refEntry) => (
+        <li>
+          <a
+            href={`/reference${makeReferencePageSlug(removeLocalePrefix(refEntry.id))}`}
+          >
+            {refEntry.data.title}
+          </a>
+        </li>
+      ))
+    }
+  </ul>
+</BaseLayout>

src/pages/[locale]/reference/index.astro

@@ -1,11 +1,7 @@
 ---
-import BaseLayout from "@layouts/BaseLayout.astro";
+import ReferenceLayout from "@layouts/ReferenceLayout.astro";
 import { nonDefaultSupportedLocales } from "@i18n/const";
-import {
-  getCollectionInLocaleWithFallbacks,
-  makeReferencePageSlug,
-} from "@pages/_utils";
-import { removeLocalePrefix } from "@i18n/utils";
+import { getCollectionInLocaleWithFallbacks } from "@pages/_utils";
 
 export async function getStaticPaths() {
   const paths = nonDefaultSupportedLocales.map(async (locale) => ({
@@ -20,22 +16,7 @@ export async function getStaticPaths() {
   return await Promise.all(paths);
 }
 
-const { locale } = Astro.params;
 const { entries } = Astro.props;
 ---
 
-<BaseLayout title="Reference">
-  <ul>
-    {
-      entries.map((refEntry) => (
-        <li>
-          <a
-            href={`/${locale}/reference${makeReferencePageSlug(removeLocalePrefix(refEntry.id))}`}
-          >
-            {refEntry.data.title}
-          </a>
-        </li>
-      ))
-    }
-  </ul>
-</BaseLayout>
+<ReferenceLayout title="Reference" entries={entries} />

src/pages/reference/index.astro

@@ -1,26 +1,8 @@
 ---
-import BaseLayout from "@layouts/BaseLayout.astro";
-import {
-  getCollectionInDefaultLocale,
-  makeReferencePageSlug,
-} from "@pages/_utils";
-import { removeLocalePrefix } from "@i18n/utils";
+import ReferenceLayout from "@layouts/ReferenceLayout.astro";
+import { getCollectionInDefaultLocale } from "@pages/_utils";
 
-const referenceEntries = await getCollectionInDefaultLocale("reference");
+const entries = await getCollectionInDefaultLocale("reference");
 ---
 
-<BaseLayout title="Reference">
-  <ul>
-    {
-      referenceEntries.map((refEntry) => (
-        <li>
-          <a
-            href={`/reference/${makeReferencePageSlug(removeLocalePrefix(refEntry.id))}`}
-          >
-            {refEntry.data.title}
-          </a>
-        </li>
-      ))
-    }
-  </ul>
-</BaseLayout>
+<ReferenceLayout title="Reference" entries={entries} />