diff --git a/qortal-ui-core/src/components/wallet-profile.js b/qortal-ui-core/src/components/wallet-profile.js index 65e2ec6c..874a5951 100644 --- a/qortal-ui-core/src/components/wallet-profile.js +++ b/qortal-ui-core/src/components/wallet-profile.js @@ -12,6 +12,7 @@ class WalletProfile extends connect(store)(LitElement) { wallet: { type: Object }, nodeConfig: { type: Object }, accountInfo: { type: Object }, + imageUrl: { type: String }, theme: { type: String, reflect: true } } } @@ -30,6 +31,7 @@ class WalletProfile extends connect(store)(LitElement) { names: [], addressInfo: {} } + this.imageUrl = '' this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } @@ -42,32 +44,27 @@ class WalletProfile extends connect(store)(LitElement) { background: var(--sidetopbar); color: var(--black); } - #profileInMenu:hover { } - #accountIcon { font-size:48px; color: var(--mdc-theme-primary); display: inline-block; } - #accountName { margin: 0; font-size: 18px; font-weight:500; - display: inline-block; width:100%; padding-bottom:8px; + display: flex; } - #blocksMinted { margin:0; margin-top: 0; - font-size: 11px; + font-size: 12px; color: #03a9f4; } - #address { white-space: nowrap; overflow: hidden; @@ -76,16 +73,32 @@ class WalletProfile extends connect(store)(LitElement) { margin-top:8px; font-size:11px; } + .round-fullinfo { + position: relative; + width: 68px; + height: 68px; + border-radius: 50%; + } + .full-info-logo { + width: 68px; + height: 68px; + border-radius: 50%; + } + .inline-block-child { + flex: 1; + } - -
- - ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''} - - ${this.accountInfo.addressInfo ? html`${translate("walletprofile.minterlevel")} - ${this.accountInfo.addressInfo.level} ${this.accountInfo.addressInfo.flags === 1 ? html`(F)` : ''}` : ''} -

${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}

+
+ +     +
+
${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''}
+
${this.accountInfo.addressInfo ? html`${translate("walletprofile.minterlevel")} - ${this.accountInfo.addressInfo.level} ${this.accountInfo.addressInfo.flags === 1 ? html`(F)` : ''}` : ''}
+

${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}

+
+

${this.wallet.addresses[0].address}

@@ -106,6 +119,23 @@ class WalletProfile extends connect(store)(LitElement) { this.toast = container.appendChild(toast) } + async getAllWithAddress(myAddress) { + await this.getAddressUserAvatar(myAddress) + } + + getAvatar() { + const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port + const url = `${avatarUrl}/arbitrary/THUMBNAIL/${this.accountInfo.names[0].name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` + return html`` + } + + getApiKey() { + const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]; + let apiKey = apiNode.apiKey; + return apiKey; + } + stateChanged(state) { this.wallet = state.app.wallet this.nodeConfig = state.app.nodeConfig