fix: handling the case where chain swapping happens right after transfer

greymass · Nov 24, 2023 · e5dd659 · e5dd659
1 parent f44492b
commit e5dd659
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/src/components/layout/account/sidebar.svelte b/src/components/layout/account/sidebar.svelte
@@ -12,7 +12,9 @@
 
     function onSelect(session: SessionLike) {
         activate(session).then(() => {
-            fetchBalances($activeSession!)
+            setTimeout(() => {
+                fetchBalances($activeSession!, true)
+            }, 1000)
         })
         open = false
     }

diff --git a/src/pages/transfer/form.svelte b/src/pages/transfer/form.svelte
@@ -72,6 +72,8 @@
 
         fromOptions = []
 
+        const fromOptionsBeingSet: Token[] = []
+
         await Promise.all(
             Object.values(transferManagers).map(async (transferManagerData) => {
                 const TransferManagerClass = transferManagerData.transferClass
@@ -98,10 +100,12 @@
                     return
                 }
 
-                fromOptions.push(token)
+                fromOptionsBeingSet.push(token)
             })
         )
 
+        fromOptions = [...fromOptionsBeingSet]
+
         generatingOptions = false
     }
 
@@ -116,11 +120,13 @@
     }
 
     $: {
-        const fromInOptions = fromOptions.find(
-            (token) => from?.symbol.equals(token.symbol) && token.name !== from?.name
-        )
-        if (!fromInOptions) {
-            toOptions = []
+        if (from) {
+            const fromInOptions = fromOptions.find(
+                (token) => from?.symbol.equals(token.symbol) && token.name !== from?.name
+            )
+            if (!fromInOptions) {
+                toOptions = []
+            }   
         }
     }
 

diff --git a/src/pages/transfer/success.svelte b/src/pages/transfer/success.svelte
@@ -8,6 +8,7 @@
     import type {TransferManager} from './managers/transferManager'
     import {updateBalances} from '~/stores/balances-provider'
     import {activeSession} from '~/store'
+    import { get } from 'svelte/store'
 
     export let transferManager: TransferManager
     export let transactResult: TransactResult | ethers.providers.TransactionResponse
@@ -41,9 +42,10 @@
             ) {
                 clearInterval(refreshInterval)
             }
+
             // Fetch the balances
-            updateBalances($activeSession!)
-        }, 1000)
+            updateBalances(get(activeSession)!)
+        }, 2000)
 
         // Timeout after 30 seconds
         setTimeout(() => {