diff --git a/src/components/EthereumNftBalances.svelte b/src/components/EthereumNftBalances.svelte index 40f7eef6..63569240 100644 --- a/src/components/EthereumNftBalances.svelte +++ b/src/components/EthereumNftBalances.svelte @@ -22,6 +22,15 @@ export let contentClass: string + // Computed + export let summary: { + quoteTotal: number, + quoteCurrency: QuoteCurrency, + nftContractsCount: number, + nftsCount: number, + } + + let sortFunction: (a: Ethereum.NftContractWithBalance, b: Ethereum.NftContractWithBalance) => number $: sortFunction = { 'value-descending': (a, b) => b.quote - a.quote || b.balance - a.balance, @@ -332,6 +341,7 @@ {isOpen} {containerClass} {contentClass} + bind:summary let:nftContractsWithBalances > diff --git a/src/components/EthereumNftBalancesLoader.svelte b/src/components/EthereumNftBalancesLoader.svelte index a55e57ac..60e847eb 100644 --- a/src/components/EthereumNftBalancesLoader.svelte +++ b/src/components/EthereumNftBalancesLoader.svelte @@ -40,6 +40,7 @@ nftContractsCount: number, nftsCount: number, } + $: summary = nftContractsWithBalances.length ? { quoteTotal: nftContractsWithBalances.reduce((sum, item) => sum + (item.quote ?? 0), 0),