From e107d4cb7eab76022709a3549ffd348f97d98ce6 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Thu, 14 Dec 2023 11:43:25 +0200
Subject: [PATCH] show profileCard in some components

---
 packages/app/src/Element/Event/Reactions.tsx     | 7 ++++---
 packages/app/src/Element/Event/Zap.tsx           | 2 +-
 packages/app/src/Element/User/FollowListBase.tsx | 7 ++++++-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/Element/Event/Reactions.tsx b/packages/app/src/Element/Event/Reactions.tsx
index 460edfe99..82c680fed 100644
--- a/packages/app/src/Element/Event/Reactions.tsx
+++ b/packages/app/src/Element/Event/Reactions.tsx
@@ -88,7 +88,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
             return (
               <div key={ev.id} className="reactions-item">
                 <div className="reaction-icon">{ev.content === "+" ? <Icon name="heart" /> : ev.content}</div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}
@@ -102,6 +102,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                     <span className="zap-amount">{formatShort(z.amount)}</span>
                   </div>
                   <ProfileImage
+                    showProfileCard={true}
                     pubkey={z.anonZap ? "" : z.sender}
                     subHeader={<div title={z.content}>{z.content}</div>}
                     link={z.anonZap ? "" : undefined}
@@ -120,7 +121,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                 <div className="reaction-icon">
                   <Icon name="repost" size={16} />
                 </div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}
@@ -131,7 +132,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                 <div className="reaction-icon">
                   <Icon name="dislike" />
                 </div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}
diff --git a/packages/app/src/Element/Event/Zap.tsx b/packages/app/src/Element/Event/Zap.tsx
index 548fc0def..58cb97179 100644
--- a/packages/app/src/Element/Event/Zap.tsx
+++ b/packages/app/src/Element/Event/Zap.tsx
@@ -18,7 +18,7 @@ const Zap = ({ zap, showZapped = true }: { zap: ParsedZap; showZapped?: boolean
   return valid && sender ? (
     <div className="card">
       <div className="flex justify-between">
-        <ProfileImage pubkey={sender} />
+        <ProfileImage pubkey={sender} showProfileCard={true} />
         {receiver !== pubKey && showZapped && <ProfileImage pubkey={unwrap(receiver)} />}
         <h3>
           <FormattedMessage {...messages.Sats} values={{ n: formatShort(amount ?? 0) }} />
diff --git a/packages/app/src/Element/User/FollowListBase.tsx b/packages/app/src/Element/User/FollowListBase.tsx
index 8a3589b68..f07c8371c 100644
--- a/packages/app/src/Element/User/FollowListBase.tsx
+++ b/packages/app/src/Element/User/FollowListBase.tsx
@@ -57,7 +57,12 @@ export default function FollowListBase({
       )}
       <div className={className}>
         {pubkeys?.map(a => (
-          <ProfilePreview pubkey={a} key={a} options={{ about: showAbout }} actions={profileActions?.(a)} />
+          <ProfilePreview
+            pubkey={a}
+            key={a}
+            options={{ about: showAbout, profileCards: true }}
+            actions={profileActions?.(a)}
+          />
         ))}
       </div>
     </div>