Handle ignored user case

client/coral-embed-stream/src/components/Comment.js

@@ -204,6 +204,11 @@ class Comment extends React.Component {
     }
   }
 
+  hasIgnoredReplies() {
+    return this.props.comment.replies &&
+      this.props.comment.replies.nodes.some((reply) => this.props.commentIsIgnored(reply));
+  }
+
   loadNewReplies = () => {
     const {replies, replyCount, id} = this.props.comment;
     if (replyCount > replies.nodes.length) {
@@ -292,6 +297,8 @@ class Comment extends React.Component {
     } = this.props;
 
     const view = this.getVisibileReplies();
+    const hasMoreComments = comment.replies && (comment.replies.hasNextPage || comment.replies.nodes.length > view.length);
+    const replyCount = this.hasIgnoredReplies() ? '' : comment.replyCount;
     const flagSummary = getActionSummary('FlagActionSummary', comment);
     const dontAgreeSummary = getActionSummary(
       'DontAgreeActionSummary',
@@ -524,8 +531,8 @@ class Comment extends React.Component {
         <div className="coral-load-more-replies">
           <LoadMore
             topLevel={false}
-            replyCount={comment.replyCount}
-            moreComments={comment.replyCount > view.length}
+            replyCount={replyCount}
+            moreComments={hasMoreComments}
             loadMore={this.loadNewReplies}
           />
         </div>

client/coral-embed-stream/src/components/LoadMore.js

@@ -9,6 +9,9 @@ class LoadMore extends React.Component {
   }
 
   replyCountFormat = (count) => {
+    if (!count) {
+      return t('framework.view_all_replies_unknown_number');
+    }
     if (count === 1) {
       return t('framework.view_reply');
     }

client/coral-embed-stream/src/containers/Stream.js

@@ -159,7 +159,7 @@ const commentFragment = gql`
     id
     ...${getDefinitionName(Comment.fragments.comment)}
     replyCount(excludeIgnored: $excludeIgnored)
-    replies {
+    replies(excludeIgnored: $excludeIgnored) {
       nodes {
         id
         ...${getDefinitionName(Comment.fragments.comment)}

client/coral-embed-stream/src/graphql/utils.js

@@ -177,8 +177,5 @@ function findAndInsertFetchedComments(parent, comments, parent_id) {
 }
 
 export function insertFetchedCommentsIntoEmbedQuery(root, comments, parent_id) {
-  if (!comments.nodes.length) {
-    return root;
-  }
   return applyToCommentsOrigin(root, (origin) => findAndInsertFetchedComments(origin, comments, parent_id));
 }