feat: wiki first page

Co-authored-by: DuckeyDev <[email protected]>
TeaClientMC · Jul 12, 2024 · 710ccfd · 710ccfd
1 parent 3fb8da1
commit 710ccfd
Show file tree

Hide file tree

Showing 6 changed files with 93 additions and 32 deletions.
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -1,7 +1,7 @@
 import { defineCollection, z } from "astro:content";
 
 const news = defineCollection({
-	type: "content",
+	type: 'content',
 	schema: z.object({
 		title: z.string(),
 		description: z.string(),
@@ -18,7 +18,7 @@ const news = defineCollection({
 });
 
 const wiki = defineCollection({
-	type: "content",
+	type: 'content',
 	schema: z.object({
 		title: z.string(),
 	}),

diff --git a/src/content/wiki/players/index.mdx b/src/content/wiki/players/index.mdx
@@ -0,0 +1,21 @@
+---
+title: "Getting Started"
+---
+
+## Prerequisites
+
+Before you download and install, ensure that you have the latest version of Java installed on your machine.
+
+## Download Links
+
+#### Windows
+
+For Windows, click [here](http://example.com/windows) to download.
+
+#### MacOS
+
+For MacOS, click [here](http://example.com/macos) to download.
+
+#### Linux
+
+For Linux, click [here](http://example.com/linux) to download.
diff --git a/src/layouts/wiki.astro b/src/layouts/wiki.astro
diff --git a/src/layouts/wikiContent.astro b/src/layouts/wikiContent.astro
@@ -0,0 +1,29 @@
+---
+import Footer from "@component/footer.astro";
+import Head from "@component/head.astro";
+import Header from "@component/header.astro";
+
+import { twMerge } from "tailwind-merge";
+import "../styles/style.css";
+
+export interface Props {
+    className?: string;
+}
+const { title } = Astro.props;
+---
+
+<Head
+    title={String(title) ?? "TeaClient Wiki Page"}
+    customDescription="This is the official documentation for TeaClient for both Players & Developers"
+    bannerPath="/assets/images/banner.png"
+/>
+<Header />
+<div
+    class={twMerge(
+        `flex flex-col h-screen text-white my-[5%] mx-[5%] bg-[var(--nav-color)] rounded-lg`,
+    )}
+>
+    <h1>{title}</h1>
+    <slot />
+</div>
+<Footer />
diff --git a/src/pages/wiki/[...slug].astro b/src/pages/wiki/[...slug].astro
@@ -0,0 +1,21 @@
+---
+import { getCollection } from "astro:content";
+import WikiContent from "../../layouts/wikiContent.astro";
+import type { CollectionEntry } from "astro:content";
+
+export async function getStaticPaths() {
+    const wikis = await getCollection("wiki");
+    return wikis.map((wiki) => ({
+        params: { slug: wiki.slug },
+        props: wiki,
+    }));
+}
+type Props = CollectionEntry<"wiki">;
+
+const post = Astro.props;
+const { Content } = await post.render();
+---
+
+<WikiContent {...post.data}>
+    <Content />
+</WikiContent>
diff --git a/src/pages/wiki/index.astro b/src/pages/wiki/index.astro
@@ -1,7 +1,26 @@
 ---
-import Layout from "../../layouts/wiki.astro";
+import { getCollection } from "astro:content";
+import Layout from "../../layouts/layout.astro";
+const wikiContent = await getCollection("wiki");
 ---
 
 <Layout title="Home | TeaClent Wiki">
     <h1>Welcome to TeaClent Wiki</h1>
+    <p>
+        This is the official documentation for TeaClent for both Players &
+        Developers
+    </p>
+    <section>
+        <ul>
+            {
+                wikiContent.map((page) => {
+                    return (
+                        <a href={`/wiki/${page.slug}/`}>
+                            <h4 class="title">{page.data.title}</h4>
+                        </a>
+                    );
+                })
+            }
+        </ul>
+    </section>
 </Layout>