WIP - 404 errors from backend

apps/desktop-wallet/src/App.tsx

@@ -35,8 +35,12 @@ import { useAppDispatch, useAppSelector } from '@/hooks/redux'
 import UpdateWalletModal from '@/modals/UpdateWalletModal'
 import Router from '@/routes'
 import { syncAddressesData, syncAddressesHistoricBalances } from '@/storage/addresses/addressesActions'
-import { makeSelectAddressesUnknownTokens, selectAddressIds } from '@/storage/addresses/addressesSelectors'
-import { syncNetworkTokensInfo, syncUnknownTokensInfo } from '@/storage/assets/assetsActions'
+import {
+  makeSelectAddressesKnownFungibleTokens,
+  makeSelectAddressesUnknownTokens,
+  selectAddressIds
+} from '@/storage/addresses/addressesSelectors'
+import { getTokenPrices, syncNetworkTokensInfo, syncUnknownTokensInfo } from '@/storage/assets/assetsActions'
 import { selectIsTokensMetadataUninitialized } from '@/storage/assets/assetsSelectors'
 import {
   devModeShortcutDetected,
@@ -76,6 +80,13 @@ const App = () => {
   const isSyncingAddressData = useAppSelector((s) => s.addresses.syncingAddressData)
   const isTokensMetadataUninitialized = useAppSelector(selectIsTokensMetadataUninitialized)
   const isLoadingTokensMetadata = useAppSelector((s) => s.assetsInfo.loading)
+  const isLoadingTokens = useAppSelector((s) => s.addresses.loadingTokens)
+
+  const selectAddressesKnownTokens = useMemo(makeSelectAddressesKnownFungibleTokens, [])
+  const knownTokens = useAppSelector(selectAddressesKnownTokens)
+  const knownTokenSymbols = knownTokens
+    .map((token) => token.symbol)
+    .filter((symbol): symbol is string => symbol !== undefined)
 
   const selectAddressesUnknownTokens = useMemo(makeSelectAddressesUnknownTokens, [])
   const unknownTokens = useAppSelector(selectAddressesUnknownTokens)
@@ -188,11 +199,17 @@ const App = () => {
 
               restorePendingTransactions(mempoolTxHashes, storedPendingTxs)
             })
-          dispatch(syncAddressesHistoricBalances())
         }
       } else if (addressesStatus === 'initialized') {
-        if (!isTokensMetadataUninitialized && !isLoadingTokensMetadata && newUnknownTokens.length > 0) {
-          dispatch(syncUnknownTokensInfo(newUnknownTokens))
+        if (!isTokensMetadataUninitialized && !isLoadingTokensMetadata) {
+          if (newUnknownTokens.length > 0) {
+            dispatch(syncUnknownTokensInfo(newUnknownTokens))
+          }
+
+          if (!isLoadingTokens) {
+            dispatch(syncAddressesHistoricBalances())
+            dispatch(getTokenPrices({ knownTokenSymbols, currency: settings.fiatCurrency }))
+          }
         }
       }
     }
@@ -202,10 +219,14 @@ const App = () => {
     assetsInfo.status,
     dispatch,
     isSyncingAddressData,
+    isLoadingTokens,
     isLoadingTokensMetadata,
     isTokensMetadataUninitialized,
     network.status,
-    newUnknownTokens
+    newUnknownTokens,
+    knownTokens,
+    settings.fiatCurrency,
+    knownTokenSymbols
   ])
 
   const refreshAddressesData = useCallback(() => {

apps/desktop-wallet/src/storage/addresses/addressesActions.ts

@@ -32,7 +32,11 @@ import {
 } from '@/api/addresses'
 import client from '@/api/client'
 import i18n from '@/i18n'
-import { selectAddressByHash, selectAllAddresses } from '@/storage/addresses/addressesSelectors'
+import {
+  makeSelectAddressesKnownFungibleTokens,
+  selectAddressByHash,
+  selectAllAddresses
+} from '@/storage/addresses/addressesSelectors'
 import { RootState } from '@/storage/store'
 import {
   Address,
@@ -182,14 +186,17 @@ export const syncAddressesHistoricBalances = createAsyncThunk(
 
     for (const addressHash of addresses) {
       const balances = []
-      const data = await client.explorer.addresses.getAddressesAddressAmountHistory(
+      const alphHistoryData = await client.explorer.addresses.getAddressesAddressAmountHistory(
         addressHash,
         { fromTs: oneYearAgo, toTs: thisMoment, 'interval-type': explorer.IntervalType.Daily },
         { format: 'text' }
       )
 
+      // TODO: Get history of known tokens
+      //const knownFungibleTokens = makeSelectAddressesKnownFungibleTokens()(state, addresses)
+
       try {
-        const { amountHistory } = JSON.parse(data)
+        const { amountHistory } = JSON.parse(alphHistoryData)
 
         for (const [timestamp, balance] of amountHistory) {
           balances.push({

apps/desktop-wallet/src/storage/assets/assetsActions.ts

@@ -131,3 +131,20 @@ export const syncUnknownTokensInfo = createAsyncThunk(
     return results
   }
 )
+
+export const getTokenPrices = createAsyncThunk(
+  'assets/getTokenPrices',
+  async ({ knownTokenSymbols, currency }: { knownTokenSymbols: string[]; currency: string }, { dispatch }) => {
+    dispatch(loadingStarted())
+
+    const tokenPrices = await Promise.all(
+      chunk(knownTokenSymbols, TOKENS_QUERY_LIMIT).map((knownTokenSymbolsChunk) =>
+        client.explorer.market.getMarketPrices({ ids: knownTokenSymbolsChunk, currency })
+      )
+    )
+
+    console.log(tokenPrices)
+
+    return tokenPrices.flat()
+  }
+)

package.json

@@ -18,7 +18,7 @@
   "dependencies": {
     "@alephium/token-list": "^0.0.12",
     "@alephium/walletconnect-provider": "^0.27.2",
-    "@alephium/web3": "^0.27.2"
+    "@alephium/web3": "file://../alephium-web3/packages/web3/alephium-web3-0.27.2.tgz"
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.2",