fix(post): render OP backlinks from replies quoting OP

src/components/post-desktop/post-desktop.tsx

@@ -76,7 +76,6 @@ const PostInfo = ({
   onApprove,
   onReject,
   quotedByMap,
-  cidToReply,
 }: PostProps) => {
   const { t } = useTranslation();
   const { author, cid, deleted, locked, pinned, parentCid, postCid, reason, removed, state, subplebbitAddress, timestamp } = post || {};
@@ -442,11 +441,12 @@ const PostInfo = ({
         {cid &&
           !parentCid &&
           isInPostPageView &&
-          cidToReply &&
+          quotedByMap
-          [...new Set<string>((post?.quotedCids || []) as string[])].map((quotedCid) => {
+            ?.get(cid)
-            const reply = cidToReply.get(quotedCid);
+            ?.map(
-            return reply?.cid && !(reply.deleted || reply.removed) && <ReplyQuotePreview key={`op-bl-${reply.cid}`} isBacklinkReply={true} backlinkReply={reply} />;
+              (reply: Comment) =>
-          })}
+                reply?.cid && !(reply?.deleted || reply?.removed) && <ReplyQuotePreview key={`op-bl-${reply.cid}`} isBacklinkReply={true} backlinkReply={reply} />,
+            )}
       </span>
     </div>
   );
@@ -690,14 +690,6 @@ const PostDesktop = ({
     return map;
   }, [filteredReplies, numberToCid]);
 
-  const cidToReply = useMemo(() => {
-    const map = new Map<string, Comment>();
-    for (const reply of filteredReplies) {
-      if (reply.cid) map.set(reply.cid, reply);
-    }
-    return map;
-  }, [filteredReplies]);
-
   // Virtuoso scroll position management for infinite replies
   const virtuosoRef = useRef<VirtuosoHandle | null>(null);
   const virtuosoStateKey = `replies-desktop-${cid}`;
@@ -786,7 +778,7 @@ const PostDesktop = ({
             isPublishing={isPublishing}
             onApprove={onApprove}
             onReject={onReject}
-            cidToReply={cidToReply}
+            quotedByMap={quotedByMap}
           />
           {!isHidden && !content && !(deleted || removed) && <div className={styles.spacer} />}
           {!isHidden && <CommentContent comment={post} />}

src/components/post-mobile/post-mobile.tsx

@@ -380,7 +380,7 @@ const PostMediaContent = ({ post, link }: { post: any; link: string }) => {
   );
 };
 
-const ReplyBacklinks = ({ post, quotedByMap, cidToReply, isInPostPageView }: PostProps) => {
+const ReplyBacklinks = ({ post, quotedByMap, isInPostPageView }: PostProps) => {
   const { cid, parentCid } = post || {};
   const { replies } = useReplies({ comment: post, flat: true, accountComments: { newerThan: Infinity } });
 
@@ -388,13 +388,12 @@ const ReplyBacklinks = ({ post, quotedByMap, cidToReply, isInPostPageView }: Pos
     cid &&
     !parentCid &&
     isInPostPageView &&
-    cidToReply &&
+    quotedByMap
-    post?.quotedCids?.length &&
+      ?.get(cid)
-    [...new Set<string>(post.quotedCids as string[])]
+      ?.map(
-      .map((quotedCid) => {
+        (reply: Comment) =>
-        const reply = cidToReply.get(quotedCid);
+          reply?.cid && !(reply?.deleted || reply?.removed) && <ReplyQuotePreview key={`op-bl-${reply.cid}`} isBacklinkReply={true} backlinkReply={reply} />,
-        return reply?.cid && !(reply.deleted || reply.removed) && <ReplyQuotePreview key={`op-bl-${reply.cid}`} isBacklinkReply={true} backlinkReply={reply} />;
+      )
-      })
       .filter(Boolean);
 
   const replyBacklinks = cid && parentCid && ((replies?.length || 0) > 0 || quotedByMap?.get(cid)?.length) && (
@@ -534,14 +533,6 @@ const PostMobile = ({
     return map;
   }, [filteredReplies, numberToCid]);
 
-  const cidToReply = useMemo(() => {
-    const map = new Map<string, Comment>();
-    for (const reply of filteredReplies) {
-      if (reply.cid) map.set(reply.cid, reply);
-    }
-    return map;
-  }, [filteredReplies]);
-
   // Virtuoso scroll position management for infinite replies
   const virtuosoRef = useRef<VirtuosoHandle | null>(null);
   const virtuosoStateKey = `replies-mobile-${cid}`;
@@ -610,7 +601,7 @@ const PostMobile = ({
                 {shouldShowSnow() && <img src='assets/xmashat.gif' className={styles.xmasHat} alt='' />}
                 <PostInfoAndMedia post={post} postReplyCount={replyCount} roles={roles} threadNumber={post?.number} />
                 <CommentContent comment={post} />
-                <ReplyBacklinks post={post} quotedByMap={quotedByMap} cidToReply={cidToReply} isInPostPageView={isInPostView} />
+                <ReplyBacklinks post={post} quotedByMap={quotedByMap} isInPostPageView={isInPostView} />
               </div>
               {!isInPostView && !isInPendingPostView && (showReplies || isModQueue) && (
                 <div className={styles.postLink}>

src/views/post/post.tsx

@@ -32,7 +32,6 @@ export interface PostProps {
   onApprove?: () => void;
   onReject?: () => void;
   quotedByMap?: Map<string, Comment[]>;
-  cidToReply?: Map<string, Comment>;
   isInPostPageView?: boolean;
 }