style(post page): show "there doesn't seem to be anything here" when there aren't replies

This commit is contained in:
Tom (plebeius.eth)
2024-12-19 22:12:08 +01:00
parent f0a8cc0050
commit eab5838c21
2 changed files with 8 additions and 1 deletions

View File

@@ -147,4 +147,10 @@
.repliesTitle {
max-width: 100vw;
}
}
.noReplies {
color: var(--red);
font-size: 13px;
text-transform: lowercase;
}

View File

@@ -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>
</>