From 599075219f60a7aa08a875ad36e04e65e3079369 Mon Sep 17 00:00:00 2001
From: Yusur Princeps <sakuragasaki46@gmail.com>
Date: Thu, 23 Oct 2025 15:43:00 +0200
Subject: [PATCH] add comment section stub

---
 src/lib/CommentSection.svelte | 16 ++++++++++++++++
 src/lib/FeedPost.svelte       |  2 +-
 src/lib/FullPost.svelte       |  7 ++++---
 src/lib/GuildAbout.svelte     |  3 +--
 src/lib/backend.ts            |  9 +++++++++
 5 files changed, 31 insertions(+), 6 deletions(-)
 create mode 100644 src/lib/CommentSection.svelte

diff --git a/src/lib/CommentSection.svelte b/src/lib/CommentSection.svelte
new file mode 100644
index 0000000..9f6955a
--- /dev/null
+++ b/src/lib/CommentSection.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    import type { CommentEntry } from "./backend";
+    import Centered from "./Centered.svelte";
+
+
+let comments: null | CommentEntry = $state(null);
+
+let { post } = $props();
+
+</script>
+
+{#if comments === null}
+<Centered>
+    <button class="inline">Show comments</button>
+</Centered>
+{/if}
\ No newline at end of file
diff --git a/src/lib/FeedPost.svelte b/src/lib/FeedPost.svelte
index a0b0d51..8b0f0aa 100644
--- a/src/lib/FeedPost.svelte
+++ b/src/lib/FeedPost.svelte
@@ -28,7 +28,7 @@ let { id, title, content = "", votes, my_vote, comment_count } = post;
 
 <style>
   .post-frame {
-    padding-left: 2em;
+    padding-inline-start: 2em;
     position: relative;
   }
   .message-stats {
diff --git a/src/lib/FullPost.svelte b/src/lib/FullPost.svelte
index 3acff12..bd6f66e 100644
--- a/src/lib/FullPost.svelte
+++ b/src/lib/FullPost.svelte
@@ -13,6 +13,7 @@
     import VoteButton from "./VoteButton.svelte";
     import { getMe } from "./globals.svelte";
     import CommentCount from "./CommentCount.svelte";
+    import CommentSection from "./CommentSection.svelte";
 
 
 
@@ -51,7 +52,7 @@ let { title, id, content = '', to, votes, my_vote, comment_count } = post;
       </div>
     </article>
 
-    
+    <CommentSection {post} />
 
     {#snippet left()}
       {#if to.type === 'guild'}
@@ -78,13 +79,13 @@ let { title, id, content = '', to, votes, my_vote, comment_count } = post;
     overflow-x: auto;
   }
   .post-body {
-    margin-inline-start: 3em;
+    margin-inline-start: 2em;
   }
   .message-stats {
     position: absolute;
     inset-inline-start: 0;
     top: 0;
-    width: 3em;
+    width: 2em;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
diff --git a/src/lib/GuildAbout.svelte b/src/lib/GuildAbout.svelte
index 8d5c569..8be9b0f 100644
--- a/src/lib/GuildAbout.svelte
+++ b/src/lib/GuildAbout.svelte
@@ -9,7 +9,6 @@ let { guild }: { guild: GuildEntry } = $props();
 </script>
 
 
-
 {#if guild}
 <AsideCard title={'About ' + (guild.display_name? `${guild.display_name} (+${guild.name})`: `+${guild.name}`)}>
     <ul>
@@ -21,4 +20,4 @@ let { guild }: { guild: GuildEntry } = $props();
         {/if}
     </ul>
 </AsideCard>
-{/if}
\ No newline at end of file
+{/if}
diff --git a/src/lib/backend.ts b/src/lib/backend.ts
index d840175..4953448 100644
--- a/src/lib/backend.ts
+++ b/src/lib/backend.ts
@@ -37,6 +37,15 @@ export type PostEntry = {
     comment_count?: number | null
 };
 
+export type CommentEntry = {
+    id: string,
+    parent?: {id: string},
+    locked?: boolean,
+    removed?: number | true,
+    content?: string,
+    created_at: string
+};
+
 export type ServerHealth = {
     version: string,
     name: string,