From ca261512779a489b0bc7505e714a9cc6f3c1f4a5 Mon Sep 17 00:00:00 2001
From: Johnson Chen <chnejohnson@gmail.com>
Date: Tue, 30 Apr 2024 22:59:21 +0800
Subject: [PATCH] fix(app): Multicall & EIP-6963 pages

---
 app/components/content/Multicall.vue | 18 +++++++++++++++++-
 app/content/eip-6963.md              |  2 +-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/components/content/Multicall.vue b/app/components/content/Multicall.vue
index 4c5fbb2..7828105 100644
--- a/app/components/content/Multicall.vue
+++ b/app/components/content/Multicall.vue
@@ -77,7 +77,23 @@ const tokenList = computed(() => {
 
 const balances = ref<{ mainnet: number[]; arbitrum: number[] }>({ mainnet: [], arbitrum: [] })
 
-const { onWalletUpdated, onDisconnected } = useVueDapp()
+const { isConnected, wallet, onWalletUpdated, onDisconnected } = useVueDapp()
+
+onMounted(async () => {
+	if (isConnected.value) {
+		const mainnetBalance = await Promise.all([
+			mainnetDai.balanceOf(wallet.address),
+			mainnetUsdc.balanceOf(wallet.address),
+			mainnetAusdc.balanceOf(wallet.address),
+		])
+		const arbitrumBalance = await Promise.all([
+			arbitrumDai.balanceOf(wallet.address),
+			arbitrumUsdc.balanceOf(wallet.address),
+			arbitrumAusdc.balanceOf(wallet.address),
+		])
+		balances.value = { mainnet: mainnetBalance, arbitrum: arbitrumBalance }
+	}
+})
 
 onWalletUpdated(async (wallet: ConnWallet) => {
 	const mainnetBalance = await Promise.all([
diff --git a/app/content/eip-6963.md b/app/content/eip-6963.md
index 1c2da11..f91f7b7 100644
--- a/app/content/eip-6963.md
+++ b/app/content/eip-6963.md
@@ -43,7 +43,7 @@ const providerList = computed(() => {
 	})
 })
 
-async function onClickWallet(rdns?: RDNS) {
+async function onClickWallet(rdns: RDNS) {
 	useVueDappModal().close()
 	await connectTo('BrowserWallet', { target: 'rdns', rdns })
 }