Exclude top level replies to a comment from a deleted channel from th…

…e total comment count
OdyseeTeam · Nov 12, 2024 · 1a0bc9f · 1a0bc9f
1 parent b3930b4
commit 1a0bc9f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/ui/component/comment/view.jsx b/ui/component/comment/view.jsx
@@ -70,7 +70,7 @@ export type Props = {|
   threadLevel?: number,
   threadDepthLevel?: number,
   disabled?: boolean,
-  updateUiFilteredComments?: (commentId: string) => void,
+  updateUiFilteredComments?: (commentIds: Array<string>) => void,
 |};
 
 type StateProps = {|
@@ -315,7 +315,8 @@ function CommentView(props: Props & StateProps & DispatchProps) {
 
   if (isCommenterChannelDeleted) {
     if (updateUiFilteredComments) {
-      updateUiFilteredComments(commentId);
+      const fetchedReplyIds = fetchedReplies.map((r) => r.comment_id);
+      updateUiFilteredComments([...fetchedReplyIds, commentId]);
     }
     return null;
   }

diff --git a/ui/component/commentsList/view.jsx b/ui/component/commentsList/view.jsx
@@ -151,9 +151,10 @@ export default function CommentList(props: Props & StateProps & DispatchProps) {
   const [debouncedUri, setDebouncedUri] = React.useState();
 
   const [uiFilteredComments, setUiFilteredComments] = React.useState([]);
-  const updateUiFilteredComments = React.useCallback((commentId) => {
+  const updateUiFilteredComments = React.useCallback((commentIds) => {
     setUiFilteredComments((prevCommentIds) => {
-      return prevCommentIds.includes(commentId) ? prevCommentIds : [...prevCommentIds, commentId];
+      const newCommentIds = commentIds.filter((id) => !prevCommentIds.includes(id));
+      return newCommentIds.length > 0 ? [...prevCommentIds, ...newCommentIds] : prevCommentIds;
     });
   }, []);
 

diff --git a/ui/component/commentsReplies/view.jsx b/ui/component/commentsReplies/view.jsx
@@ -18,7 +18,7 @@ export type Props = {|
   threadDepthLevel?: number,
   onShowMore?: () => void,
   threadLevel: number,
-  updateUiFilteredComments?: (commentId: string) => void,
+  updateUiFilteredComments?: (commentIds: Array<string>) => void,
 |};
 
 type StateProps = {|