diff --git a/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-item.layout.tsx b/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-item.layout.tsx index b2f15ced399..471631f9757 100644 --- a/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-item.layout.tsx +++ b/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-item.layout.tsx @@ -15,10 +15,8 @@ interface Brc20TokenAssetItemLayoutProps { onClick?(): void; } export function Brc20TokenAssetItemLayout({ onClick, token }: Brc20TokenAssetItemLayoutProps) { - const balanceAsString = token.balance?.amount.toString(); - const formattedBalance = formatBalance( - convertAmountToBaseUnit(token.balance ?? new BigNumber(0)).toString() - ); + const balanceAsString = convertAmountToBaseUnit(token.balance ?? new BigNumber(0)).toString(); + const formattedBalance = formatBalance(balanceAsString); const balanceAsFiat = convertAssetBalanceToFiat(token); return ( diff --git a/src/app/components/crypto-assets/bitcoin/runes-asset-list/runes-asset-item.layout.tsx b/src/app/components/crypto-assets/bitcoin/runes-asset-list/runes-asset-item.layout.tsx index 130885b777d..967c7c91529 100644 --- a/src/app/components/crypto-assets/bitcoin/runes-asset-list/runes-asset-item.layout.tsx +++ b/src/app/components/crypto-assets/bitcoin/runes-asset-list/runes-asset-item.layout.tsx @@ -1,6 +1,7 @@ import { styled } from 'leather-styles/jsx'; import { formatBalance } from '@app/common/format-balance'; +import { convertAmountToBaseUnit } from '@app/common/money/calculate-money'; import type { RuneToken } from '@app/query/bitcoin/bitcoin-client'; import { RunesAvatarIcon } from '@app/ui/components/avatar/runes-avatar-icon'; import { ItemLayout } from '@app/ui/components/item-layout/item-layout'; @@ -11,8 +12,8 @@ interface RunesAssetItemLayoutProps { rune: RuneToken; } export function RunesAssetItemLayout({ rune }: RunesAssetItemLayoutProps) { - const balance = rune.balance.amount.toString(); - const formattedBalance = formatBalance(balance); + const balanceAsString = convertAmountToBaseUnit(rune.balance).toString(); + const formattedBalance = formatBalance(balanceAsString); return ( @@ -23,7 +24,7 @@ export function RunesAssetItemLayout({ rune }: RunesAssetItemLayoutProps) { titleRight={