fix: handle close modal during switch wallet, center button

aurora-is-near · Apr 13, 2021 · 2c49c8c · 2c49c8c
1 parent 1995491
commit 2c49c8c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/html/incorrect-network-modal.html b/src/html/incorrect-network-modal.html
@@ -3,7 +3,7 @@
   class="modal"
   style="display: none"
 >
-  <div class="modal__container">
+  <div class="modal__container" style="text-align: center;">
     <div class="modal-image__container">
       <!-- Modal Image Will Go Here -->
     </div>

diff --git a/src/js/authEthereum.js b/src/js/authEthereum.js
@@ -8,6 +8,7 @@ import {
 import render from './render'
 import { onClick } from './domHelpers'
 import { chainIdToEthNetwork } from './utils'
+import * as urlParams from './urlParams'
 
 // SWAP IN YOUR OWN INFURA_ID FROM https://infura.io/dashboard/ethereum
 const INFURA_ID = '9c91979e95cb4ef8a61eb029b4217a1a'
@@ -71,10 +72,15 @@ async function login () {
 onClick('authEthereum', login)
 onClick('switchEthWallet', async () => {
   window.ethInitialized = false
-  window.dom.hide('unsupportedNetworkModal')
   await window.web3Modal.clearCachedProvider()
   localStorage.removeItem('walletconnect')
-  login()
+  window.dom.hide('unsupportedNetworkModal')
+  try {
+    await login()
+  } catch (error) {
+    // user closed modal without selecting wallet
+    window.location.reload()
+  }
 })
 
 // on page load, check if user has already signed in via MetaMask