Added shortcut link to deposit assets to connected address

paytaca · Dec 20, 2024 · cc389fc · cc389fc
1 parent 29ded70
commit cc389fc
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 10 deletions.
diff --git a/src/components/walletconnect/SessionInfo.vue b/src/components/walletconnect/SessionInfo.vue
@@ -6,15 +6,19 @@
           <q-avatar class="q-mr-sm">
             <q-badge :color="sessionType==='proposal'? 'warning': 'green'"></q-badge>
           </q-avatar>
-          <slot name="account"> 
-            <span v-if="account" class="text-caption">
-              {{ addressDisplayFormatter ? addressDisplayFormatter(account.replace('bch:', '')) : shortenAddressForDisplay(account.replace('bch:', '')) }} <q-badge color="grey" size="sm">{{ addressDisplayFormat }}</q-badge>
-            </span>
+          <slot name="account">
+            <div @click="copyToClipboard" style="z-index: 1000;">
+              <span v-if="account" class="text-caption">
+                {{ addressDisplayFormatter ? addressDisplayFormatter(account.replace('bch:', '')) : shortenAddressForDisplay(account.replace('bch:', '')) }}
+                <q-icon name="fas fa-copy" style="font-size: 14px;" />
+              </span>
+            </div>
           </slot>
         </q-chip>
         <slot name="top-right">
-          <div @click="copyToClipboard" @mousedown.stop.prevent>
-            <q-icon name="fas fa-copy" style="font-size: 14px;" />
+          <div @click="selectAssetToSend(account.replace('bch:', ''))" @mousedown.stop.prevent style="font-family: 'Rubik', sans-serif; font-size: 13px; z-index: 1000; cursor: pointer;">
+            <span>Deposit</span>&nbsp;
+            <q-icon name="fas fa-arrows-down-to-line" style="font-size: 14px;" />
           </div>
         </slot>
       </div>
@@ -69,6 +73,7 @@
 <script setup>
 import { computed, inject } from 'vue'
 import { useQuasar } from 'quasar'
+import { useRouter } from "vue-router";
 import PeerInfo from './PeerInfo.vue'
 import { shortenAddressForDisplay } from '../../utils/address-utils'
 import { toTokenAddress } from 'src/marketplace/escrow/utils'
@@ -111,8 +116,14 @@ const account = computed(() => {
 })
 
 const $q = useQuasar()
+const $router = useRouter()
 const $copyText = inject('$copyText')
 
+async function selectAssetToSend(address) {
+  const tokenAddress = toTokenAddress(address)
+  $router.push('/send/select-asset/?address=' + tokenAddress + '&back-path=/apps/wallet-connect')
+}
+
 async function copyToClipboard() {
   if (account.value) {
     try {

diff --git a/src/pages/transaction/select-asset-send.vue b/src/pages/transaction/select-asset-send.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app-container" :class="getDarkModeClass(darkMode)">
-    <header-nav :title="$t('Send')" backnavpath="/"></header-nav>
+    <header-nav :title="$t('Send')" :backnavpath="!backPath ? '/' : backPath"></header-nav>
     <q-tabs
       dense
       v-if="enableSmartBCH"
@@ -102,6 +102,10 @@ export default {
     address: {
       type: String,
       default: ''
+    },
+    backPath: {
+      type: String,
+      default: null
     }
   },
   components: {
@@ -214,7 +218,8 @@ export default {
         assetId: asset.id,
         tokenType: 1,
         network: this.selectedNetwork,
-        address: this.address
+        address: this.address,
+        backPath: this.backPath
       }
       this.$router.push({
         name: 'transaction-send',

diff --git a/src/pages/transaction/send.vue b/src/pages/transaction/send.vue
@@ -8,7 +8,7 @@
     <div id="app-container" :class="getDarkModeClass(darkMode)">
       <header-nav
         :title="$t('Send') + ' ' + (asset.symbol || name || '')"
-        :backnavpath="backPath"
+        :backnavpath="!backPath ? '/' : backPath"
       ></header-nav>
       <q-banner
         v-if="assetId.startsWith('slp/')"
@@ -465,7 +465,7 @@ export default {
     },
     backPath: {
       type: String,
-      default: '/'
+      default: null
     }
   },
   data () {