14.05.2026 rip

src/widgets/token-table/model/useTokenRows.ts

@@ -0,0 +1,69 @@
+import { useAllWalletBalances, usePrices } from '@features/wallet'
+import { CHAINS } from '@features/wallet'
+import { TOKENS } from './tokens'
+import type { WalletBalanceData } from '@features/wallet'
+
+const PRICE_SYMBOLS = ['BTC', 'ETH', 'SOL', 'TRX', 'ARB']
+
+type ChainSource =
+  | { chain: 'BTC' | 'ETH' | 'SOL' | 'TRX'; type: 'native' }
+  | { chain: 'ETH'; type: 'token'; symbol: string }
+
+const CHAIN_MAP: Record<string, ChainSource> = {
+  BTC: { chain: 'BTC', type: 'native' },
+  ETH: { chain: 'ETH', type: 'native' },
+  SOL: { chain: 'SOL', type: 'native' },
+  TRX: { chain: 'TRX', type: 'native' },
+  ARB: { chain: 'ETH', type: 'token', symbol: 'ARB' },
+}
+
+function formatUsd(value: number): string {
+  return `$${value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+}
+
+function formatPrice(value: number): string {
+  if (value >= 1) {
+    return `$${value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+  }
+  return `$${value.toLocaleString('en-US', { minimumFractionDigits: 4, maximumFractionDigits: 6 })}`
+}
+
+export function useTokenRows() {
+  const balanceResults = useAllWalletBalances()
+  const pricesQuery = usePrices(PRICE_SYMBOLS)
+
+  const isLoading = balanceResults.some(r => r.isLoading) || pricesQuery.isLoading
+
+  const balanceByChain: Record<string, WalletBalanceData> = {}
+  CHAINS.forEach((chain, i) => {
+    const data = balanceResults[i].data
+    if (data) balanceByChain[chain] = data
+  })
+
+  const rows = TOKENS.map(t => {
+    const src = CHAIN_MAP[t.ticker]
+    const chainData = src ? balanceByChain[src.chain] : undefined
+
+    let bal = t.bal
+    let usd = t.usd
+
+    if (chainData) {
+      const amount =
+        src.type === 'native'
+          ? chainData.native
+          : chainData.tokens[src.type === 'token' ? src.symbol : t.ticker]
+
+      if (amount) {
+        bal = amount.formatted
+        usd = formatUsd(amount.usdValue)
+      }
+    }
+
+    const priceEntry = pricesQuery.data?.[t.ticker]
+    const price = priceEntry ? formatPrice(priceEntry.usd) : t.price
+
+    return { ...t, price, bal, usd }
+  })
+
+  return { rows, isLoading }
+}