diff --git a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js index 116d9e97..e08ba01a 100644 --- a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js +++ b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js @@ -13,6 +13,13 @@ export const pageStyles = css` font-weight: 400; text-align: center; } + .avatar-img { + border-radius: 50%; + + height: 20px; + width: 20px; + margin-right: 10px; + } .divider { color: #eee; border-radius: 80%; @@ -270,6 +277,17 @@ export const pageStyles = css` color: var(--black); word-break: break-all; overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + } + + .name-container { + text-align: center; + color: var(--black); + display: flex; + justify-content: center; + align-items: center; } .text { @@ -398,6 +416,9 @@ export const pageStyles = css` display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } + .name-container { + justify-content: flex-start + } .grid-item p { text-decoration: none; diff --git a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js index d7d58c2c..d4aebec4 100644 --- a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js +++ b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js @@ -157,7 +157,11 @@ class SponsorshipList extends LitElement { this.saveToClipboard(this.privateRewardShareKey, 'Copied to clipboard') } - + getApiKey() { + const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; + let apiKey = apiNode.apiKey; + return apiKey; + } async atMount() { @@ -178,18 +182,34 @@ class SponsorshipList extends LitElement { ) rewardShares = rewardShares.filter((rs) => rs.recipient !== address) - + const getAccountInfo = rewardShares.map(async (rs) => { const addressInfo = await parentEpml.request("apiCall", { type: "api", url: `/addresses/${rs.recipient}`, }) + + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${rs.recipient}`, + }) + let url = "" + if(getNames?.length > 0 ){ + const avatarNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port + const urlPic = `${avatarUrl}/arbitrary/THUMBNAIL/${getNames[0].name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` + url = urlPic + } + + + let blocksRemaining = this._levelUpBlocks(addressInfo) blocksRemaining = +blocksRemaining > 0 ? +blocksRemaining : 0 return { ...addressInfo, ...rs, - + name: getNames?.length > 0 ? getNames[0].name : '', + url, blocksRemaining: blocksRemaining, } }) @@ -207,7 +227,7 @@ class SponsorshipList extends LitElement { } } catch (error) { - + console.log({error}) this.isPageLoading = false } @@ -521,7 +541,7 @@ class SponsorshipList extends LitElement {
-

${translate("sponsorshipspage.schange2")}

+

${translate("settings.account")}

${translate("walletprofile.blocksminted")}

@@ -541,9 +561,19 @@ class SponsorshipList extends LitElement {