add send to address butoon in transaction details

qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js

@@ -19,6 +19,8 @@ import '@material/mwc-textfield'
 import '@polymer/paper-progress/paper-progress.js'
 import '@polymer/paper-slider/paper-slider.js'
 import '@polymer/paper-spinner/paper-spinner-lite.js'
+import '@polymer/paper-icon-button/paper-icon-button.js'
+import '@polymer/iron-icons/iron-icons.js'
 import '@vaadin/button'
 import '@vaadin/grid'
 import '@vaadin/icon'
@@ -760,7 +762,10 @@ class MultiWallet extends LitElement {
                         <div><span>${this.selectedTransaction.creatorAddress}</span></div>
                         <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
-                        <div><span>${this.selectedTransaction.recipient}</span></div>
+                        <div style="display: inline;">
+                            ${this.renderSQB()}
+                        </div>
+                        <br />
                         ${!this.selectedTransaction.amount ? '' : html`
                             <span class="title"> ${translate("walletpage.wchange11")} </span>
                             <br />
@@ -807,9 +812,10 @@ class MultiWallet extends LitElement {
                         </div>
                         <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
-                        <div>
+                        <div style="display: inline;">
                             <span>${this.selectedTransaction.btcReceiver}</span>
                         </div>
+                        <br />
                         <span class="title"> ${translate("walletpage.wchange12")} </span>
                         <br />
                         <div>
@@ -857,9 +863,10 @@ class MultiWallet extends LitElement {
                         </div>
                          <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
-                        <div>
+                        <div style="display: inline;">
-                            <span> ${this.selectedTransaction.ltcReceiver} </span>
+                            <span>${this.selectedTransaction.ltcReceiver}</span> <paper-icon-button icon="icons:send" @click=${() => this.sendToLtcAddress()} title="Send to this address"></paper-icon-button>
                         </div>
+                        <br />
                         <span class="title"> ${translate("walletpage.wchange12")} </span>
                         <br />
                         <div>
@@ -902,9 +909,10 @@ class MultiWallet extends LitElement {
                         </div>
                         <span class="title"> ${translate("walletpage.wchange9")} </span>
                         <br />
-                        <div>
+                        <div style="display: inline;">
                             <span>${this.selectedTransaction.dogeSender}</span>
                         </div>
+                        <br />
                         <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
                         <div>
@@ -957,9 +965,10 @@ class MultiWallet extends LitElement {
                         </div>
                         <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
-                        <div>
+                        <div> style="display: inline;"
                             <span>${this.selectedTransaction.dgbReceiver}</span>
                         </div>
+                        <br />
                         <span class="title"> ${translate("walletpage.wchange12")} </span>
                         <br />
                         <div>
@@ -1007,9 +1016,10 @@ class MultiWallet extends LitElement {
                         </div>
                         <span class="title"> ${translate("walletpage.wchange10")} </span>
                         <br />
-                        <div>
+                        <div style="display: inline;">
                             <span>${this.selectedTransaction.rvnReceiver}</span>
                         </div>
+                        <br />
                         <span class="title"> ${translate("walletpage.wchange12")} </span>
                         <br />
                         <div>
@@ -1879,6 +1889,18 @@ class MultiWallet extends LitElement {
         this.errorMessage = ''
     }
 
+    sendToQortAddress() {
+        this.recipient = this.selectedTransaction.recipient
+        this.openSendQort()
+        this.shadowRoot.querySelector('#showTransactionDetailsDialog').close()
+    }
+
+    sendToLtcAddress() {
+        this.ltcRecipient = this.selectedTransaction.ltcReceiver
+        this.openSendLtc()
+        this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').close()
+    }
+
     calculateQortAll() {
         if (this.balance < 0.00100000) {
             let not_enough_string = get("walletpage.wchange26")
@@ -1898,6 +1920,15 @@ class MultiWallet extends LitElement {
         }
     }
 
+    renderSQB() {
+        let displaybutton = this.selectedTransaction.recipient
+        if (displaybutton == null) {
+            return html`<span>${this.selectedTransaction.recipient}</span>`
+        } else {
+            return html`<span>${this.selectedTransaction.recipient}</span> <paper-icon-button icon="icons:send" @click=${() => this.sendToQortAddress()} title="Send to this address"></paper-icon-button>`
+        }
+    }
+
     renderFetchText() {
         return html`${translate("walletpage.wchange1")}`
     }
@@ -2198,7 +2229,6 @@ class MultiWallet extends LitElement {
             }
             const response = await parentEpml.request('sendLtc', opts)
             return response
-            console.log(response)
         }
 
         const manageResponse = (response) => {
@@ -2216,7 +2246,6 @@ class MultiWallet extends LitElement {
                 this.sendMoneyLoading = false
                 this.btnDisable = false
                 throw new Error(txnResponse)
-                console.log(txnResponse)
             } else {
                 this.errorMessage = response.message
                 this.sendMoneyLoading = false
@@ -2225,7 +2254,6 @@ class MultiWallet extends LitElement {
             }
         }
         const res = await makeRequest()
-        console.log(res)
         manageResponse(res)
         this.showWallet()
     }
@@ -2454,7 +2482,6 @@ class MultiWallet extends LitElement {
                 }
 
                 const sortedTransactions = txs.sort(compareFn)
-                console.log(sortedTransactions)
                 if (this._selectedWallet == coin) {
                     this.wallets.get(this._selectedWallet).transactions = sortedTransactions
                 }