From 73afb91ba9d80a1d8b434c5b2bb78fd9115cbd52 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Tue, 7 Sep 2021 19:44:11 +0300
Subject: [PATCH] handle errors

---
 components/modal/web3/Web3Modal.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/modal/web3/Web3Modal.vue b/components/modal/web3/Web3Modal.vue
index 3d09ffd..9373e2b 100644
--- a/components/modal/web3/Web3Modal.vue
+++ b/components/modal/web3/Web3Modal.vue
@@ -76,6 +76,7 @@ import { SUPPORTED_WALLETS } from '~/constant/wallet'
 import ButtonCTA from '../../common/input/ButtonCTA.vue'
 import ButtonCTAOutlined from '../../common/input/ButtonCTAOutlined.vue'
 import { Network, useNetwork } from '~/composables/useNetwork'
+import { useNotification } from '~/composables/useNotification'
 
 export default defineComponent({
   props: {
@@ -89,11 +90,20 @@ export default defineComponent({
     const { close } = useModal()
     const { activate } = useWeb3()
     const { activeNetworkId } = useNetwork()
+    const { showError, showAwaiting, closeAll } = useNotification()
 
     const connect = async (connector) => {
-      await activate(connector, console.log)
+      showAwaiting("Connecting...")
+
+      try {
+        await activate(connector, undefined, true)
+        close()
+        closeAll()
+      } catch (error) {
+        closeAll()
+        showError("", error.message)
+      }
 
-      close()
     }
     const isMetamask = computed(() => process.server ? false : window.ethereum && window.ethereum.isMetaMask)
 
@@ -104,7 +114,7 @@ export default defineComponent({
         return null
       }
 
-      if(wallet.connector === ledger && activeNetworkId.value !== Network.Mainnet) {
+      if (wallet.connector === ledger && activeNetworkId.value !== Network.Mainnet) {
         return null
       }