From 1411825f3030419e33db6e3218d8b70106737670 Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Fri, 5 Apr 2024 15:26:08 +0200
Subject: [PATCH] Fix profile qr code modal labels

---
 .../ProfileQrCodeModal/ProfileQrCodeModal.module.scss |  6 +++---
 .../ProfileQrCodeModal/ProfileQrCodeModal.tsx         | 11 ++++-------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/ProfileQrCodeModal/ProfileQrCodeModal.module.scss b/src/components/ProfileQrCodeModal/ProfileQrCodeModal.module.scss
index d3a002d..275e9be 100644
--- a/src/components/ProfileQrCodeModal/ProfileQrCodeModal.module.scss
+++ b/src/components/ProfileQrCodeModal/ProfileQrCodeModal.module.scss
@@ -18,7 +18,7 @@
     .userInfo {
       display: flex;
       justify-content: flex-start;
-      align-items: flex-start;
+      align-items: flex-end;
 
       .avatar {
         display: flex;
@@ -30,8 +30,8 @@
         display: flex;
         flex-direction: column;
         margin-left: 8px;
-        justify-content: center;
-        height: 44px;
+        justify-content: space-between;
+        height: 40px;
 
         .name {
           display: flex;
diff --git a/src/components/ProfileQrCodeModal/ProfileQrCodeModal.tsx b/src/components/ProfileQrCodeModal/ProfileQrCodeModal.tsx
index 8bfd5cd..a6725d9 100644
--- a/src/components/ProfileQrCodeModal/ProfileQrCodeModal.tsx
+++ b/src/components/ProfileQrCodeModal/ProfileQrCodeModal.tsx
@@ -30,20 +30,17 @@ const ProfileQrCodeModal: Component<{
   onClose?: () => void,
 }> = (props) => {
 
-  const toast = useToastContext();
-  const account = useAccountContext();
-  const intl = useIntl();
-  const settings = useSettingsContext();
-
   const profileData = () => Object.entries({
     pubkey: {
       title: 'Public key',
       data: `nostr:${props.profile.npub || hexToNpub(props.profile.pubkey)}`,
+      dataLabel: props.profile.npub || hexToNpub(props.profile.pubkey),
       type: 'nostr',
     },
     lnAddress: {
       title: 'Lightning address',
       data: `lightning:${props.profile.lud16 || props.profile.lud06}`,
+      dataLabel: props.profile.lud16 || props.profile.lud06,
       type: 'lightning',
     }
   });
@@ -120,9 +117,9 @@ const ProfileQrCodeModal: Component<{
                   <div class={styles.value}>
                     <ButtonCopy
                       light={true}
-                      copyValue={info.data}
+                      copyValue={info.dataLabel}
                       labelBeforeIcon={true}
-                      label={truncateNpub(info.data)}
+                      label={truncateNpub(info.dataLabel)}
                     />
                   </div>
                 </div>