fix: switch wallet from unsuported network

Prevents the user from being stuck if the walletconnect connection
is lost and the network cannot be changed from mobile wallet, or if
mobile wallet doesn't support network change functionality.

src/html/incorrect-network-modal.html

@@ -10,6 +10,12 @@
     <h1 class="modal__heading">Incorrect Wallet Network</h1>
     <div data-behavior="modalMessage" class="modal__message"></div>
     <p class="modal__cta">Change your active wallet network to proceed.</p>
+    <button
+      class="button-variant--secondary button-size--small"
+      data-behavior="switchEthWallet"
+    >
+      Switch wallet
+    </button>
   </div>
 </div>
 
@@ -23,7 +29,8 @@ <h1 class="modal__heading">Incorrect Wallet Network</h1>
       // Disable scroll until correct eth network selected
       document.body.style.overflow = "hidden";
       window.dom.fill("modalMessage").with({
-        innerHTML: `The NEAR Testnet ↔︎ ${process.env.ethNetworkId} bridge requires an Ethereum wallet connected to ${process.env.ethNetworkId}.`,
+        innerHTML: `The ${window.bridgeName} bridge requires an Ethereum wallet connected to
+          ${process.env.ethNetworkId === 'main' ? 'mainnet' : process.env.ethNetworkId}.`,
       });
       window.dom.show("unsupportedNetworkModal");
     }

src/js/authEthereum.js

@@ -69,6 +69,13 @@ async function login () {
 }
 
 onClick('authEthereum', login)
+onClick('switchEthWallet', async () => {
+  window.ethInitialized = false
+  window.dom.hide('unsupportedNetworkModal')
+  await window.web3Modal.clearCachedProvider()
+  localStorage.removeItem('walletconnect')
+  login()
+})
 
 // on page load, check if user has already signed in via MetaMask
 if (window.web3Modal.cachedProvider) {