feat: add comment count

Author: ynwd

modules/home/home.page.tsx

@@ -9,6 +9,7 @@ interface Post {
   content: string;
   timestamp: string;
   author: string;
+  commentCount?: number;
 }
 
 export default function Home({ data }: PageProps<{
@@ -287,11 +288,50 @@ export default function Home({ data }: PageProps<{
                       {/* Make the content clickable to view details */}
                       <a href={`/post/${post.id}`} className="block">
                         <p
-                          className={`${themeStyles.text} whitespace-pre-wrap`}
+                          className={`${themeStyles.text} whitespace-pre-wrap mb-3`}
                         >
                           {post.content}
                         </p>
                       </a>
+
+                      {/* Comment count indicator - only shown when comments exist */}
+                      <div className="mt-4 pt-3 border-t border-gray-700/30 flex items-center">
+                        <a
+                          href={`/post/${post.id}`}
+                          className={`flex items-center ${themeStyles.footer} hover:${
+                            themeStyles.link.split(" ")[0]
+                          }`}
+                        >
+                          <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="2"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            className="mr-1"
+                          >
+                            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z">
+                            </path>
+                          </svg>
+                          <span>
+                            {post.commentCount
+                              ? (
+                                <>
+                                  {post.commentCount} {post.commentCount === 1
+                                    ? "comment"
+                                    : "comments"}
+                                </>
+                              )
+                              : (
+                                "Add comment"
+                              )}
+                          </span>
+                        </a>
+                      </div>
                     </div>
                   ))
                 )

modules/home/home.service.ts

@@ -11,6 +11,7 @@ interface Post {
   content: string;
   timestamp: string;
   author: string;
+  commentCount?: number;
 }
 
 export async function createPost(input: PostInput): Promise<Post> {
@@ -37,21 +38,39 @@ export async function createPost(input: PostInput): Promise<Post> {
 }
 
 export async function getPosts(limit = 20): Promise<Post[]> {
-  console.log("Fetching posts, limit:", limit);
-  const iterator = kv.list<Post>({ prefix: ["posts"] }, { limit });
+  console.log("Fetching posts");
+
+  // Get all posts
+  const postsResults: Post[] = [];
+  const iterator = kv.list<Post>({ prefix: ["posts"] });
 
-  // Collect all entries from the iterator
-  const results: Post[] = [];
   for await (const entry of iterator) {
-    results.push(entry.value);
+    postsResults.push(entry.value);
+  }
+
+  // Get comment counts for each post
+  const commentCounts = new Map<string, number>();
+  const commentsIterator = kv.list<Comment>({ prefix: ["comments"] });
+
+  for await (const entry of commentsIterator) {
+    const postId = entry.value.postId;
+    commentCounts.set(postId, (commentCounts.get(postId) || 0) + 1);
   }
 
+  // Add comment counts to posts
+  const postsWithComments = postsResults.map((post) => ({
+    ...post,
+    commentCount: commentCounts.get(post.id) || 0,
+  }));
+
   // Sort posts by timestamp (newest first)
-  const posts = results.sort((a, b) =>
-    new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
-  );
+  const posts = postsWithComments
+    .sort((a, b) =>
+      new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    )
+    .slice(0, limit);
 
-  console.log(`Retrieved ${posts.length} posts from database`);
+  console.log(`Retrieved ${posts.length} posts`);
   return posts;
 }
 
@@ -159,7 +178,7 @@ export async function getCommentsByPostId(postId: string): Promise<Comment[]> {
 
   // Sort comments by timestamp (newest first)
   const comments = results.sort((a, b) =>
-    new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
+    new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
   );
 
   console.log(`Retrieved ${comments.length} comments for post ${postId}`);