From 05c172daa2e454e24c2ad5f9ce35999aad32d4d0 Mon Sep 17 00:00:00 2001
From: Darryl Yeo <dev@darryl-yeo.com>
Date: Thu, 27 Apr 2023 02:07:48 -0700
Subject: [PATCH] <EthereumNftBalances>: expose summary as a bindable computed
 prop

---
 src/components/EthereumNftBalances.svelte       | 10 ++++++++++
 src/components/EthereumNftBalancesLoader.svelte |  1 +
 2 files changed, 11 insertions(+)

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
 >
 	<svelte:fragment slot="header" let:summary let:status let:loadingMessage let:errorMessage>
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),