Fix profile qr code modal labels

This commit is contained in:
Bojan Mojsilovic 2024-04-05 15:26:08 +02:00
parent f4b3cf831e
commit 1411825f30
2 changed files with 7 additions and 10 deletions

View File

@ -18,7 +18,7 @@
.userInfo { .userInfo {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-end;
.avatar { .avatar {
display: flex; display: flex;
@ -30,8 +30,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 8px; margin-left: 8px;
justify-content: center; justify-content: space-between;
height: 44px; height: 40px;
.name { .name {
display: flex; display: flex;

View File

@ -30,20 +30,17 @@ const ProfileQrCodeModal: Component<{
onClose?: () => void, onClose?: () => void,
}> = (props) => { }> = (props) => {
const toast = useToastContext();
const account = useAccountContext();
const intl = useIntl();
const settings = useSettingsContext();
const profileData = () => Object.entries({ const profileData = () => Object.entries({
pubkey: { pubkey: {
title: 'Public key', title: 'Public key',
data: `nostr:${props.profile.npub || hexToNpub(props.profile.pubkey)}`, data: `nostr:${props.profile.npub || hexToNpub(props.profile.pubkey)}`,
dataLabel: props.profile.npub || hexToNpub(props.profile.pubkey),
type: 'nostr', type: 'nostr',
}, },
lnAddress: { lnAddress: {
title: 'Lightning address', title: 'Lightning address',
data: `lightning:${props.profile.lud16 || props.profile.lud06}`, data: `lightning:${props.profile.lud16 || props.profile.lud06}`,
dataLabel: props.profile.lud16 || props.profile.lud06,
type: 'lightning', type: 'lightning',
} }
}); });
@ -120,9 +117,9 @@ const ProfileQrCodeModal: Component<{
<div class={styles.value}> <div class={styles.value}>
<ButtonCopy <ButtonCopy
light={true} light={true}
copyValue={info.data} copyValue={info.dataLabel}
labelBeforeIcon={true} labelBeforeIcon={true}
label={truncateNpub(info.data)} label={truncateNpub(info.dataLabel)}
/> />
</div> </div>
</div> </div>