feat: ensure highlighted comment is visible (#4034)

mariojsnunes · web-flow · commit 11b098d30c5e · 2024-12-09T21:39:38.000Z
diff --git a/src/pages/common/CommentsV2/CommentSectionV2.tsx b/src/pages/common/CommentsV2/CommentSectionV2.tsx
@@ -60,6 +60,15 @@ const CommentSectionV2 = ({ sourceId }: CommentsV2Props) => {
               highlightedReply.highlighted = true
             }
           }
+
+          // ensure highlighted comment is visible
+          const index = comments.findIndex(
+            (x) => x.highlighted || x.replies?.some((y) => y.highlighted),
+          )
+
+          if (index > 5) {
+            setCommentLimit(index + 1)
+          }
         }
 
         setComments(comments || [])

Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,15 @@ const CommentSectionV2 = ({ sourceId }: CommentsV2Props) => {`
`60`	`60`	`highlightedReply.highlighted = true`
`61`	`61`	`}`
`62`	`62`	`}`
	`63`	`+`
	`64`	`+ // ensure highlighted comment is visible`
	`65`	`+ const index = comments.findIndex(`
	`66`	`+ (x) => x.highlighted \|\| x.replies?.some((y) => y.highlighted),`
	`67`	`+ )`
	`68`	`+`
	`69`	`+ if (index > 5) {`
	`70`	`+ setCommentLimit(index + 1)`
	`71`	`+ }`
`63`	`72`	`}`
`64`	`73`
`65`	`74`	`setComments(comments \|\| [])`