fix(pending posts): clean up failed post display

src/components/comment-content/__tests__/comment-content.test.tsx

@@ -397,7 +397,8 @@ describe('CommentContent', () => {
       postCid: 'post-2',
       state: 'failed',
     });
-    expect(container.textContent).toContain('Failed to publish');
+    expect(container.textContent).not.toContain('Failed to publish');
+    expect(container.textContent).toContain('still pending');
     expect(container.querySelector('[data-testid="loading-ellipsis"]')).toBeNull();
 
     testState.stateString = 'Publishing';

src/components/comment-content/comment-content.tsx

@@ -131,6 +131,7 @@ const CommentContent = ({ comment: post, prependContent }: { comment: Comment; p
   const stateString = useStateString(resolvedPost);
   const hasFailedState = state === 'failed';
   const failedError = getFailedCommentError(resolvedPost);
+  const shouldShowUnpublishedStateDetails = !cid && (!hasFailedState || Boolean(failedError));
 
   const loadingString = (
     <div className={styles.stateString}>
@@ -298,7 +299,7 @@ const CommentContent = ({ comment: post, prependContent }: { comment: Comment; p
           </Tooltip>
         </span>
       )}
-      {!cid && (
+      {shouldShowUnpublishedStateDetails && (
         <>
           <br />
           <br />