From aaacff5cb66068c53ac947b430b2c7aae989aa44 Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Mon, 30 Oct 2023 21:00:25 +1100
Subject: [PATCH] kinda stuck rn

---
 client/src/components/Modals/TextModal.tsx      |  4 +++-
 .../src/components/PostCard/CardContainer.tsx   |  2 +-
 client/src/components/Thread/ReplyCard.tsx      |  3 +++
 client/src/utils/subscriptions.ts               | 17 +++++++++++++++++
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Modals/TextModal.tsx b/client/src/components/Modals/TextModal.tsx
index 3fe93dd..3acdead 100644
--- a/client/src/components/Modals/TextModal.tsx
+++ b/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>
     );
diff --git a/client/src/components/PostCard/CardContainer.tsx b/client/src/components/PostCard/CardContainer.tsx
index cc0467b..9c5e68e 100644
--- a/client/src/components/PostCard/CardContainer.tsx
+++ b/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>
   );
 }
\ No newline at end of file
diff --git a/client/src/components/Thread/ReplyCard.tsx b/client/src/components/Thread/ReplyCard.tsx
index 33e3b3e..e1625e1 100644
--- a/client/src/components/Thread/ReplyCard.tsx
+++ b/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">
diff --git a/client/src/utils/subscriptions.ts b/client/src/utils/subscriptions.ts
index d36f053..345d93b 100644
--- a/client/src/utils/subscriptions.ts
+++ b/client/src/utils/subscriptions.ts
@@ -202,4 +202,21 @@ 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,
+  });
 };
\ No newline at end of file