ux: live comments indicator on bottomedOut replies

Soxasora · Soxasora · commit 9e14ddbe9ef2 · 2025-07-03T02:42:15.000+02:00
diff --git a/components/comment.js b/components/comment.js
@@ -310,8 +310,9 @@ function ReplyOnAnotherPage ({ item }) {
   }
 
   return (
-    <Link href={`/items/${rootId}?commentId=${item.id}`} as={`/items/${rootId}`} className='d-block pb-2 fw-bold text-muted'>
+    <Link href={`/items/${rootId}?commentId=${item.id}`} as={`/items/${rootId}`} className='pb-2 fw-bold d-flex align-items-center gap-2 text-muted'>
       {text}
+      {item.newComments?.length > 0 && <div className={styles.newCommentDot} />}
     </Link>
   )
 }

Original file line number	Diff line number	Diff line change
`@@ -310,8 +310,9 @@ function ReplyOnAnotherPage ({ item }) {`
`310`	`310`	`}`
`311`	`311`
`312`	`312`	`return (`
`313`		- <Link href={`/items/${rootId}?commentId=${item.id}`} as={`/items/${rootId}`} className='d-block pb-2 fw-bold text-muted'>
	`313`	+ <Link href={`/items/${rootId}?commentId=${item.id}`} as={`/items/${rootId}`} className='pb-2 fw-bold d-flex align-items-center gap-2 text-muted'>
`314`	`314`	`{text}`
	`315`	`+ {item.newComments?.length > 0 && <div className={styles.newCommentDot} />}`
`315`	`316`	`</Link>`
`316`	`317`	`)`
`317`	`318`	`}`