Pending comment blur

src/core/client/stream/containers/CommentContainer.tsx

@@ -57,6 +57,7 @@ export class CommentContainer extends Component<InnerProps, State> {
         <Comment
           {...rest}
           {...comment}
+          blur={comment.pending || false}
           footer={
             <>
               <ReplyButton
@@ -100,6 +101,7 @@ const enhanced = withShowAuthPopupMutation(
         }
         body
         createdAt
+        pending
         ...ReplyCommentFormContainer_comment
       }
     `,

src/core/client/stream/containers/__snapshots__/CommentContainer.spec.tsx.snap

@@ -8,6 +8,7 @@ exports[`renders body only 1`] = `
         "username": null,
       }
     }
+    blur={false}
     body="Woof"
     createdAt="1995-12-17T03:24:00.000Z"
     footer={
@@ -38,6 +39,7 @@ exports[`renders username and body 1`] = `
         "username": "Marvin",
       }
     }
+    blur={false}
     body="Woof"
     createdAt="1995-12-17T03:24:00.000Z"
     footer={