2 files changed, 28 insertions, 0 deletions
diff --git a/src/routes/(app)/thread/[id]/+page.server.ts b/src/routes/(app)/thread/[id]/+page.server.ts
new file mode 100644
index 00000000..931e9cb8
--- /dev/null
+++ b/src/routes/(app)/thread/[id]/+page.server.ts
@@ -0,0 +1,12 @@
+import { get } from "$lib/utils";
+import { error } from "@sveltejs/kit";
+
+export async function load({ params }) {
+	try {
+		const thread = await get(`/thread/${params.id}`);
+		return { thread };
+	} catch (e) {
+		console.log(e);
+		error(500, { message: "Failed to get thread" });
+	}
+}
diff --git a/src/routes/(app)/thread/[id]/+page.svelte b/src/routes/(app)/thread/[id]/+page.svelte
new file mode 100644
index 00000000..25c911fc
--- /dev/null
+++ b/src/routes/(app)/thread/[id]/+page.svelte
@@ -0,0 +1,16 @@
+<script>
+  import Event from "$comp/Event.svelte";
+
+  let { data } = $props();
+  let { thread } = $derived(data);
+</script>
+
+<div class="container px-4 max-w-xl mx-auto space-y-5">
+  <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">
+    Thread
+  </h1>
+
+  {#each thread as event}
+    <Event {event} />
+  {/each}
+</div>