only show account comment in feed if state is 'succeeded'

src/hooks/use-catalog-feed-rows.ts

@@ -33,13 +33,14 @@ const useCatalogFeedRows = (columnCount: number, feed: any, isFeedLoaded: boolea
 
     // show account comments instantly in the feed instead of waiting for the next feed update, then hide them when they are in the feed
     accountComments.forEach((comment) => {
-      const { cid, deleted, link, postCid, removed, subplebbitAddress } = comment || {};
+      const { cid, deleted, link, postCid, removed, state, subplebbitAddress } = comment || {};
       const commentMediaInfo = getCommentMediaInfo(comment);
       const isMediaShowed = getHasThumbnail(commentMediaInfo, link);
 
       if (
         !deleted &&
         !removed &&
+        state === 'succeeded' &&
         (!showTextOnlyThreads || (showTextOnlyThreads && !isMediaShowed)) &&
         cid &&
         cid === postCid &&

src/views/board/board.tsx

@@ -27,8 +27,16 @@ const AccountCommentsNotYetInFeed = ({ subplebbitAddress, feed }: { subplebbitAd
   const _feed = [...feed];
 
   const filteredComments = accountComments.filter((comment) => {
-    const { cid, deleted, postCid, removed } = comment || {};
-    return !deleted && !removed && cid && cid === postCid && comment?.subplebbitAddress === subplebbitAddress && !_feed.some((post) => post.cid === cid);
+    const { cid, deleted, postCid, removed, state } = comment || {};
+    return (
+      !deleted &&
+      !removed &&
+      state === 'succeeded' &&
+      cid &&
+      cid === postCid &&
+      comment?.subplebbitAddress === subplebbitAddress &&
+      !_feed.some((post) => post.cid === cid)
+    );
   });
 
   return filteredComments.map((comment) => <Post key={comment.cid} post={comment} />);