Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

open also profile banner in modal

Browse Source
This commit is contained in:
Martti Malmi
2023-10-05 15:52:11 +03:00
parent 23b45961aa
commit bef8b40c8b
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/app/src/Pages/ProfilePage.tsx
View File

@ -121,7 +121,7 @@ export default function ProfilePage() {
const isMe = loginPubKey === id; const isMe = loginPubKey === id;
const [showLnQr, setShowLnQr] = useState<boolean>(false); const [showLnQr, setShowLnQr] = useState<boolean>(false);
const [showProfileQr, setShowProfileQr] = useState<boolean>(false); const [showProfileQr, setShowProfileQr] = useState<boolean>(false);
const [showAvatarModal, setShowAvatarModal] = useState<boolean>(false); const [modalImage, setModalImage] = useState<string>("");
const aboutText = user?.about || ""; const aboutText = user?.about || "";
const npub = !id?.startsWith(NostrPrefix.PublicKey) ? hexToBech32(NostrPrefix.PublicKey, id || undefined) : id; const npub = !id?.startsWith(NostrPrefix.PublicKey) ? hexToBech32(NostrPrefix.PublicKey, id || undefined) : id;
@ -430,12 +430,7 @@ export default function ProfilePage() {
function avatar() { function avatar() {
return ( return (
<div className="avatar-wrapper w-max"> <div className="avatar-wrapper w-max">
<Avatar <Avatar pubkey={id ?? ""} user={user} onClick={() => setModalImage(user?.picture || "")} className="pointer" />
pubkey={id ?? ""}
user={user}
onClick={() => user?.picture && setShowAvatarModal(true)}
className="pointer"
/>
<div className="profile-actions"> <div className="profile-actions">
{renderIcons()} {renderIcons()}
{!isMe && id && <FollowButton className="primary" pubkey={id} />} {!isMe && id && <FollowButton className="primary" pubkey={id} />}
@ -513,7 +508,15 @@ export default function ProfilePage() {
return ( return (
<> <>
<div className="profile"> <div className="profile">
{user?.banner && <ProxyImg alt="banner" className="banner" src={user.banner} size={w} />} {user?.banner && (
<ProxyImg
alt="banner"
className="banner pointer"
src={user.banner}
size={w}
onClick={() => setModalImage(user.banner || "")}
/>
)}
<div className="profile-wrapper w-max"> <div className="profile-wrapper w-max">
{avatar()} {avatar()}
{userDetails()} {userDetails()}
@ -527,9 +530,7 @@ export default function ProfilePage() {
</div> </div>
</div> </div>
<div className="main-content">{tabContent()}</div> <div className="main-content">{tabContent()}</div>
{user?.picture && showAvatarModal && ( {modalImage && <SpotlightMediaModal onClose={() => setModalImage("")} images={[modalImage]} idx={0} />}
<SpotlightMediaModal onClose={() => setShowAvatarModal(false)} images={[user.picture]} idx={0} />
)}
</> </>
); );
} }