kinda stuck rn

client/src/components/Modals/TextModal.tsx

@@ -52,7 +52,9 @@ const ContentPreview = ({ key, comment }: { key: string, comment: string }) => {
             <LinkModal key={key} url={url} />
         )}
         {quoteEvents[0] && quoteEvents.length > 0 && (
-          <QuoteEmbed key={key} event={quoteEvents[0]} metadata={getMetadataEvent(quoteEvents[0])} />
+          <a href={`/thread/${nip19.noteEncode(quoteEvents[0].id)}`}>
+            <QuoteEmbed key={key} event={quoteEvents[0]} metadata={getMetadataEvent(quoteEvents[0])} />
+          </a>
         )}
       </div>
     );

client/src/components/PostCard/CardContainer.tsx

@@ -3,7 +3,7 @@ import { PropsWithChildren } from 'react';
 export default function CardContainer({ children }: PropsWithChildren) {
   return (
     <div className="card bg-gradient-to-r from-black to-neutral-950 shadow-lg shadow-black">
-      <div className="card-body p-4">{children}</div>
+      <div className="card-body p-1">{children}</div>
     </div>
   );
 }

client/src/components/Thread/ReplyCard.tsx

@@ -101,7 +101,10 @@ const ReplyCard = ({ event, metadata, replyCount, repliedTo }: { event: Event, m
                         <div className="flex items-center my-1" >
                             <span className="text-xs text-gray-500">Reply to: </span>
                             {uniqBy(repliedTo, 'pubkey').map((event, index) => (
+                                <>
                                 <img className={`h-5 w-5 rounded-full`} src={getMetadata(event).picture} />
+                                <div className={`h-5 w-5 bg-gradient-to-r ${getColorFromHash(event.pubkey, colorCombos)} rounded-full`} />
+                                </>
                             ))}
                         </div>
                         <div className="mr-2 flex flex-col break-words">

client/src/utils/subscriptions.ts

@@ -203,3 +203,20 @@ export const subNoteOnce = (
     pubkeys.clear();
   }, 2000);
 };
+
+export const subPubkeysMetadata = (
+  pubkeys: string[],
+  onEvent: SubCallback,
+) => {
+  unsubAll();
+  // get metadata
+  sub({
+    cb: onEvent,
+    filter: {
+      authors: pubkeys,
+      kinds: [0],
+      limit: pubkeys.length,
+    },
+    unsub: true,
+  });
+};