[Issue-173] Update actions and UI (3)

Koniverse · Nov 23, 2024 · 4e99ed4 · 4e99ed4
1 parent ef68fc6
commit 4e99ed4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/extension-koni-ui/src/Popup/Home/MyProfile/LinkAccountArea.tsx b/packages/extension-koni-ui/src/Popup/Home/MyProfile/LinkAccountArea.tsx
@@ -39,7 +39,7 @@ const Component = ({ className, doLinkAccount, isLinked, isLoading }: Props): Re
               />
               <div className={'__linked-account-text'}>
                 <span className={'__linked-account-gmail'}>{account?.email}</span>
-                <span className={'__linked-account-address'}>&nbsp;({mythicalWallet?.address && toShort(mythicalWallet?.address, 3, 3)})</span>
+                {mythicalWallet?.address && <span className={'__linked-account-address'}>&nbsp;({toShort(mythicalWallet.address, 3, 3)})</span>}
               </div>
             </div>
           </div>

diff --git a/packages/extension-koni-ui/src/Popup/Home/MyProfile/index.tsx b/packages/extension-koni-ui/src/Popup/Home/MyProfile/index.tsx
@@ -25,7 +25,7 @@ const apiSDK = BookaSdk.instance;
 const Component = ({ className }: Props): React.ReactElement => {
   useSetCurrentPage('/home/my-profile');
   const { t } = useTranslation();
-  const { isLinkedMyth, linkMythAccount, onLogin, onLogout } = useContext(AuthenticationMythContext);
+  const { isLinkedMyth, linkMythAccount, mythicalWallet, onLogin, onLogout } = useContext(AuthenticationMythContext);
   const { currentAccount } = useSelector((state: RootState) => state.accountState);
   const [loading, setLoading] = useState(false);
   const [mineAccount, setMineAccount] = useState<BookaAccount | undefined>(apiSDK.account);
@@ -89,7 +89,7 @@ const Component = ({ className }: Props): React.ReactElement => {
         />
         {isLinkedMyth
           ? (
-            <>
+            mythicalWallet?.address && <>
               <WalletInfoArea className={'wallet-info-area'} />
               <RewardHistoryArea className={'reward-history-area'} />
             </>