<EthereumNftBalances>: expose summary as a bindable computed prop

darrylyeo · Apr 27, 2023 · 05c172d · 05c172d · vercel · Apr 27, 2023
1 parent c1772fe
commit 05c172d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
 >
 	<svelte:fragment slot="header" let:summary let:status let:loadingMessage let:errorMessage>

diff --git 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),