feat: networks and tokens opt-in enhancements

apps/extension/src/core/domains/balances/store.ts

@@ -449,12 +449,13 @@ export class BalanceStore {
     // create placeholder rows for all missing balances, so FE knows they are initializing
     const missingBalances: BalanceJson[] = []
     const existingBalances = await balancesDb.balances.toArray()
+    const existingBalancesKeys = new Set(existingBalances.map((b) => `${b.tokenId}:${b.address}`))
 
     for (const balanceModule of balanceModules) {
       const addressesByToken = addressesByTokenByModule[balanceModule.type] ?? {}
       for (const [tokenId, addresses] of Object.entries(addressesByToken))
         for (const address of addresses) {
-          if (!existingBalances.find((b) => b.address === address && b.tokenId === tokenId))
+          if (!existingBalancesKeys.has(`${tokenId}:${address}`))
             missingBalances.push(balanceModule.getPlaceholderBalance(tokenId, address))
         }
     }

apps/extension/src/ui/domains/Portfolio/AssetsTable/DashboardAssetsTable.tsx

@@ -5,7 +5,7 @@ import { classNames } from "@talismn/util"
 import Fiat from "@ui/domains/Asset/Fiat"
 import { useAnalytics } from "@ui/hooks/useAnalytics"
 import { useBalancesStatus } from "@ui/hooks/useBalancesStatus"
-import { useCallback, useEffect } from "react"
+import { useCallback } from "react"
 import { Trans, useTranslation } from "react-i18next"
 import { useNavigate } from "react-router-dom"
 
@@ -163,13 +163,6 @@ export const DashboardAssetsTable = ({ balances }: AssetsTableProps) => {
   const { account } = useSelectedAccount()
   const { symbolBalances } = usePortfolioSymbolBalances(balances)
 
-  useEffect(() => {
-    console.log({
-      balances: balances.toJSON(),
-      symbolBalances: symbolBalances.map(([, b]) => b.toJSON()),
-    })
-  }, [balances, symbolBalances])
-
   // assume balance subscription is initializing if there are no balances
   if (!balances.count) return null