Merge pull request #413 from chain4travel/cross-chain-transfer

refactor: Update ChainTransfer.vue to dispatch necessary store action…
chain4travel · Jul 5, 2024 · c5bc063 · c5bc063
2 parents 806ab95 + de3a29f
commit c5bc063
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/components/wallet/earn/ChainTransfer/ChainTransfer.vue b/src/components/wallet/earn/ChainTransfer/ChainTransfer.vue
@@ -561,14 +561,13 @@ export default class ChainTransfer extends Vue {
         // Clear Form
         this.isSuccess = true
         let { dispatchNotification } = this.globalHelper()
+        this.$store.dispatch('Assets/updateUTXOs')
+        this.$store.dispatch('History/updateTransactionHistory')
+
         dispatchNotification({
             message: this.$t('notifications.chain_transfer_success'),
             type: 'success',
         })
-        setTimeout(() => {
-            this.$store.dispatch('Assets/updateUTXOs')
-            this.$store.dispatch('History/updateTransactionHistory')
-        }, BALANCE_DELAY)
     }
 
     get canSubmit() {

diff --git a/src/components/wallet/manage/MyKeys.vue b/src/components/wallet/manage/MyKeys.vue
@@ -28,7 +28,7 @@
                 </div>
             </div>
         </div>
-        <transition-group name="fade">
+        <transition-group name="fade" class="other-keys">
             <key-row
                 v-for="wallet in inactiveWallets"
                 :wallet="wallet"
@@ -185,6 +185,12 @@ export default class MyKeys extends Vue {
 <style scoped lang="scss">
 @use '../../../styles/abstracts/mixins';
 
+.other-keys {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
 .container {
     background-color: var(--bg-card);
     border: 1px solid var(--border-color);