feat(post): add links and media info, including embed

src/hooks/use-replies.ts

@@ -0,0 +1,29 @@
+import { useMemo, useCallback } from 'react';
+import { Comment, useAccountComments } from '@plebbit/plebbit-react-hooks';
+
+const useRepliesAndAccountReplies = (comment: Comment) => {
+  // filter only the parent cid
+  const filter = useCallback((accountComment: Comment) => accountComment.parentCid === (comment?.cid || 'n/a'), [comment?.cid]);
+  const { accountComments } = useAccountComments({ filter });
+
+  // the account's replies have a delay before getting published, so get them locally from accountComments instead
+  const accountRepliesNotYetPublished = useMemo(() => {
+    const replies = comment?.replies?.pages?.topAll?.comments || [];
+    const replyCids = new Set(replies.map((reply: Comment) => reply?.cid));
+    // filter out the account comments already in comment.replies, so they don't appear twice
+    return accountComments.filter((accountReply) => !replyCids.has(accountReply?.cid));
+  }, [comment?.replies?.pages?.topAll?.comments, accountComments]);
+
+  const repliesAndNotYetPublishedReplies = useMemo(() => {
+    return [
+      // put the author's unpublished replies at the top, latest first (reverse)
+      ...accountRepliesNotYetPublished.reverse(),
+      // put the published replies after,
+      ...(comment?.replies?.pages?.topAll?.comments || []),
+    ];
+  }, [comment?.replies?.pages?.topAll?.comments, accountRepliesNotYetPublished]);
+
+  return repliesAndNotYetPublishedReplies;
+};
+
+export default useRepliesAndAccountReplies;