From b01272a5ca87f053a32b7c57a0ce11271a695899 Mon Sep 17 00:00:00 2001
From: ayeshoali <ayeshoali@gmail.com>
Date: Wed, 19 Oct 2022 15:32:21 +0500
Subject: [PATCH] fix: loading more button does not create glitch in response
 text

---
 src/discussions/comments/CommentsView.jsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/discussions/comments/CommentsView.jsx b/src/discussions/comments/CommentsView.jsx
index c6168451..30ce706c 100644
--- a/src/discussions/comments/CommentsView.jsx
+++ b/src/discussions/comments/CommentsView.jsx
@@ -72,13 +72,20 @@ function DiscussionCommentsView({
   return (
     <>
       {!isLoading
-      && (
-      <div className="mx-4 text-primary-700" role="heading" aria-level="2" style={{ lineHeight: '28px' }}>
-        {endorsed === EndorsementStatus.ENDORSED
-          ? intl.formatMessage(messages.endorsedResponseCount, { num: sortedComments.length })
-          : intl.formatMessage(messages.responseCount, { num: sortedComments.length })}
-      </div>
-      )}
+        ? (
+          <div className="mx-4 text-primary-700" role="heading" aria-level="2" style={{ lineHeight: '28px' }}>
+            {endorsed === EndorsementStatus.ENDORSED
+              ? intl.formatMessage(messages.endorsedResponseCount, { num: sortedComments.length })
+              : intl.formatMessage(messages.responseCount, { num: sortedComments.length })}
+          </div>
+        )
+        : (
+          <div className="mx-4 text-primary-700" role="heading" aria-level="2" style={{ lineHeight: '28px' }}>
+            {endorsed === EndorsementStatus.ENDORSED
+              ? intl.formatMessage(messages.endorsedResponseCount, { num: sortedComments.length })
+              : intl.formatMessage(messages.responseCount, { num: sortedComments.length })}
+          </div>
+        )}
       <div className="mx-4" role="list">
         {sortedComments.map(comment => (
           <Comment comment={comment} key={comment.id} postType={postType} isClosedPost={isClosed} />