From eab5838c2119bf2d8fba2d198f7204e7914166ec Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Thu, 19 Dec 2024 22:12:08 +0100
Subject: [PATCH] style(post page): show "there doesn't seem to be anything
 here" when there aren't replies

---
 src/views/post-page/post-page.module.css | 6 ++++++
 src/views/post-page/post-page.tsx        | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/post-page/post-page.module.css b/src/views/post-page/post-page.module.css
index 5229e5b8..efad74ad 100644
--- a/src/views/post-page/post-page.module.css
+++ b/src/views/post-page/post-page.module.css
@@ -147,4 +147,10 @@
   .repliesTitle {
     max-width: 100vw;
   }
+}
+
+.noReplies {
+  color: var(--red);
+  font-size: 13px;
+  text-transform: lowercase;
 }
\ No newline at end of file
diff --git a/src/views/post-page/post-page.tsx b/src/views/post-page/post-page.tsx
index ff364748..c7b244e1 100644
--- a/src/views/post-page/post-page.tsx
+++ b/src/views/post-page/post-page.tsx
@@ -75,6 +75,7 @@ const Post = ({ post }: { post: Comment }) => {
             </div>
           )}
           <div className={styles.replies}>
+            {replies.length === 0 && <div className={styles.noReplies}>{t('nothing_found')}</div>}
             {isSingleComment ? (
               <Reply key={`singleComment-${cid}`} reply={post} depth={0} isSingleComment={true} />
             ) : (
@@ -138,7 +139,7 @@ const PostWithContext = ({ post }: { post: Comment }) => {
           </div>
         </div>
         <div className={styles.replies}>
-          <Reply key={`contextComment-${topParentComment.cid}-test`} reply={topParentComment} depth={0} />
+          <Reply key={`contextComment-${topParentComment.cid}`} reply={topParentComment} depth={0} />
         </div>
       </div>
     </>