From 0a1bd42bb64896a851015c1be76826ef52eab2ec Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 12 Feb 2023 22:40:02 +0100
Subject: [PATCH] fix reactions modal pfp

---
 packages/app/src/Element/ProfileImage.tsx | 4 +++-
 packages/app/src/Element/Reactions.tsx    | 8 ++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/Element/ProfileImage.tsx b/packages/app/src/Element/ProfileImage.tsx
index 896e677..50f2432 100644
--- a/packages/app/src/Element/ProfileImage.tsx
+++ b/packages/app/src/Element/ProfileImage.tsx
@@ -16,6 +16,7 @@ export interface ProfileImageProps {
   showUsername?: boolean;
   className?: string;
   link?: string;
+  autoWidth?: boolean;
   defaultNip?: string;
   verifyNip?: boolean;
   linkToProfile?: boolean;
@@ -27,6 +28,7 @@ export default function ProfileImage({
   showUsername = true,
   className,
   link,
+  autoWidth = true,
   defaultNip,
   verifyNip,
   linkToProfile = true,
@@ -63,7 +65,7 @@ export default function ProfileImage({
               {nip05 && <Nip05 nip05={nip05} pubkey={pubkey} verifyNip={verifyNip} />}
             </Link>
           </div>
-          <div className="subheader" style={{ width: width - 190 }}>
+          <div className="subheader" style={{ width: autoWidth ? width - 190 : "" }}>
             {subHeader}
           </div>
         </div>
diff --git a/packages/app/src/Element/Reactions.tsx b/packages/app/src/Element/Reactions.tsx
index 5d72e84..d190afa 100644
--- a/packages/app/src/Element/Reactions.tsx
+++ b/packages/app/src/Element/Reactions.tsx
@@ -96,7 +96,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                   <div className="reaction-icon">
                     {ev.content === "+" ? <Heart width={20} height={18} /> : ev.content}
                   </div>
-                  <ProfileImage pubkey={ev.pubkey} />
+                  <ProfileImage autoWidth={false} pubkey={ev.pubkey} />
                 </div>
               );
             })}
@@ -109,7 +109,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                       <ZapIcon width={17} height={20} />
                       <span className="zap-amount">{formatShort(z.amount)}</span>
                     </div>
-                    <ProfileImage pubkey={z.zapper} subHeader={<>{z.content}</>} />
+                    <ProfileImage autoWidth={false} pubkey={z.zapper} subHeader={<>{z.content}</>} />
                   </div>
                 )
               );
@@ -121,7 +121,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                   <div className="reaction-icon">
                     <Heart width={20} height={18} />
                   </div>
-                  <ProfileImage pubkey={ev.pubkey} />
+                  <ProfileImage autoWidth={false} pubkey={ev.pubkey} />
                 </div>
               );
             })}
@@ -132,7 +132,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                   <div className="reaction-icon">
                     <Dislike width={20} height={18} />
                   </div>
-                  <ProfileImage pubkey={ev.pubkey} />
+                  <ProfileImage autoWidth={false} pubkey={ev.pubkey} />
                 </div>
               );
             })}