diff --git a/src/lib/CommentCount.svelte b/src/lib/CommentCount.svelte new file mode 100644 index 0000000..a4f5ea1 --- /dev/null +++ b/src/lib/CommentCount.svelte @@ -0,0 +1,24 @@ + + + +
+ + {count??'-'} +
+ + \ No newline at end of file diff --git a/src/lib/FeedPost.svelte b/src/lib/FeedPost.svelte index e05016f..a0b0d51 100644 --- a/src/lib/FeedPost.svelte +++ b/src/lib/FeedPost.svelte @@ -3,9 +3,10 @@ import PostMeta from "./PostMeta.svelte"; import { SvelteShowdown } from "svelte-showdown"; import VoteButton from "./VoteButton.svelte"; + import CommentCount from "./CommentCount.svelte"; let { post }: { post: PostEntry } = $props(); -let { id, title, content = "", votes, my_vote } = post; +let { id, title, content = "", votes, my_vote, comment_count } = post; @@ -20,6 +21,7 @@ let { id, title, content = "", votes, my_vote } = post; @@ -40,6 +42,10 @@ let { id, title, content = "", votes, my_vote } = post; align-items: center; } + .post-title { + line-height: 1.2; + } + .shorten { max-height: 18em; overflow-y: hidden; diff --git a/src/lib/FullPost.svelte b/src/lib/FullPost.svelte index 93a3f5a..3acff12 100644 --- a/src/lib/FullPost.svelte +++ b/src/lib/FullPost.svelte @@ -12,13 +12,14 @@ import { SvelteShowdown } from "svelte-showdown"; import VoteButton from "./VoteButton.svelte"; import { getMe } from "./globals.svelte"; + import CommentCount from "./CommentCount.svelte"; let { post }: { post: PostEntry } = $props(); let me = getMe(); -let { title, id, content = '', to, votes, my_vote } = post; +let { title, id, content = '', to, votes, my_vote, comment_count } = post; @@ -37,6 +38,7 @@ let { title, id, content = '', to, votes, my_vote } = post;