Update user-info-view.js

qortal-ui-core/src/components/user-info-view/user-info-view.js

@@ -1147,7 +1147,7 @@ class UserInfoView extends connect(store)(LitElement) {
                     </div>
                 </div>
                 <div class="buttons">
-                    <mwc-button @click=${() => this.openTrades()}>${translate("explorerpage.exp21")}</mwc-button>
+                    <mwc-button @click=${() => this.openTrades()}>${translate("explorerpage.exp3")}</mwc-button>
                     <mwc-button class='decline' @click=${() => this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")}</mwc-button>
                 </div>
             </paper-dialog>
@@ -1163,17 +1163,17 @@ class UserInfoView extends connect(store)(LitElement) {
                 </div>
             </paper-dialog>
 
-            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px;" id="userMoreInfoDialog" modal>
+            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px;" id="userTrades" modal>
                 <div class="card-container-button">
                     <mwc-button dense unelevated label="${translate("explorerpage.exp8")}" @click=${() => this.openUserBoughtDialog()}></mwc-button><br><br>
                     <mwc-button dense unelevated label="${translate("explorerpage.exp9")}" @click=${() => this.openUserSoldDialog()}></mwc-button><br><br>
                 </div>
                 <div class="buttons">
-                    <mwc-button class='decline' @click=${() => this.closeMoreInfoDialog()} dialog-dismiss>${translate("general.close")}</mwc-button>
+                    <mwc-button class='decline' @click=${() => this.closeTrades()} dialog-dismiss>${translate("general.close")}</mwc-button>
                 </div>
             </paper-dialog>
 
-            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px;" id="userBoughtDialog" modal>
+            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px;" id="userBoughtDialog" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop>
                 <div class="card-explorer-container">
                     <div id="first-explorer-section">
                         ${this.boughtBTCTemplate()}
@@ -1193,7 +1193,7 @@ class UserInfoView extends connect(store)(LitElement) {
                 </div>
             </paper-dialog>
 
-            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px; overflow: auto;" id="userSoldDialog" modal>
+            <paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px; overflow: auto;" id="userSoldDialog" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop>
                 <div class="card-explorer-container">
                     <div id="first-explorer-section">
                         ${this.soldBTCTemplate()}
@@ -1313,7 +1313,11 @@ class UserInfoView extends connect(store)(LitElement) {
         await this.getAddressUserBalance(myAddress)
         this.displayAddress = this.addressResult.address
         this.displayLevel = this.addressResult.level
-        this.shadowRoot.getElementById('userInfoDialog').open()
+        this.isLoadingCompleteInfo = true
+        this.shadowRoot.getElementById('userFullInfoDialog').open()
+        await this.getStartMint()
+        await this.getPaymentsGridItems()
+        this.isLoadingCompleteInfo = false
     }
 
     async getAddressUserInfo(infoAddress) {
@@ -1503,19 +1507,6 @@ class UserInfoView extends connect(store)(LitElement) {
         this.shadowRoot.getElementById('showTxDetailsDialog').open()
     }
 
-    async getAllWithAddress(myAddress) {
-        await this.getAddressUserInfo(myAddress)
-        await this.getAddressUserAvatar(myAddress)
-        await this.getAddressUserBalance(myAddress)
-        this.displayAddress = this.addressResult.address
-        this.displayLevel = this.addressResult.level
-        this.isLoadingCompleteInfo = true
-        this.shadowRoot.getElementById('userFullInfoDialog').open()
-        await this.getStartMint()
-        await this.getPaymentsGridItems()
-        this.isLoadingCompleteInfo = false
-    }
-
     async getBoughtBTCGridItems() {
         const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]
         const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
@@ -1781,7 +1772,7 @@ class UserInfoView extends connect(store)(LitElement) {
     }
 
     openTrades() {
-        this.shadowRoot.getElementById('userMoreInfoDialog').open()
+        this.shadowRoot.getElementById('userTrades').open()
         this.shadowRoot.getElementById('userInfoDialog').close()
     }
 
@@ -1845,8 +1836,8 @@ class UserInfoView extends connect(store)(LitElement) {
         this.shadowRoot.getElementById('userErrorDialog').close()
     }
 
-    closeMoreInfoDialog() {
-        this.shadowRoot.getElementById('userMoreInfoDialog').close()
+    closeTrades() {
+        this.shadowRoot.getElementById('userTrades').close()
     }
 
     closeCompleteInfoDialog() {