show profileCard in some components
Some checks are pending
continuous-integration/drone/push Build is running

This commit is contained in:
Martti Malmi 2023-12-14 11:43:25 +02:00
parent 26a88537a5
commit e107d4cb7e
3 changed files with 11 additions and 5 deletions

View File

@ -88,7 +88,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
return ( return (
<div key={ev.id} className="reactions-item"> <div key={ev.id} className="reactions-item">
<div className="reaction-icon">{ev.content === "+" ? <Icon name="heart" /> : ev.content}</div> <div className="reaction-icon">{ev.content === "+" ? <Icon name="heart" /> : ev.content}</div>
<ProfileImage pubkey={ev.pubkey} /> <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
</div> </div>
); );
})} })}
@ -102,6 +102,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
<span className="zap-amount">{formatShort(z.amount)}</span> <span className="zap-amount">{formatShort(z.amount)}</span>
</div> </div>
<ProfileImage <ProfileImage
showProfileCard={true}
pubkey={z.anonZap ? "" : z.sender} pubkey={z.anonZap ? "" : z.sender}
subHeader={<div title={z.content}>{z.content}</div>} subHeader={<div title={z.content}>{z.content}</div>}
link={z.anonZap ? "" : undefined} link={z.anonZap ? "" : undefined}
@ -120,7 +121,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
<div className="reaction-icon"> <div className="reaction-icon">
<Icon name="repost" size={16} /> <Icon name="repost" size={16} />
</div> </div>
<ProfileImage pubkey={ev.pubkey} /> <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
</div> </div>
); );
})} })}
@ -131,7 +132,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
<div className="reaction-icon"> <div className="reaction-icon">
<Icon name="dislike" /> <Icon name="dislike" />
</div> </div>
<ProfileImage pubkey={ev.pubkey} /> <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
</div> </div>
); );
})} })}

View File

@ -18,7 +18,7 @@ const Zap = ({ zap, showZapped = true }: { zap: ParsedZap; showZapped?: boolean
return valid && sender ? ( return valid && sender ? (
<div className="card"> <div className="card">
<div className="flex justify-between"> <div className="flex justify-between">
<ProfileImage pubkey={sender} /> <ProfileImage pubkey={sender} showProfileCard={true} />
{receiver !== pubKey && showZapped && <ProfileImage pubkey={unwrap(receiver)} />} {receiver !== pubKey && showZapped && <ProfileImage pubkey={unwrap(receiver)} />}
<h3> <h3>
<FormattedMessage {...messages.Sats} values={{ n: formatShort(amount ?? 0) }} /> <FormattedMessage {...messages.Sats} values={{ n: formatShort(amount ?? 0) }} />

View File

@ -57,7 +57,12 @@ export default function FollowListBase({
)} )}
<div className={className}> <div className={className}>
{pubkeys?.map(a => ( {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>
</div> </div>