Add switchEthereumChain button (#102)

Co-authored-by: Erik Marks <[email protected]>
MetaMask · Jun 25, 2021 · e3d1ff0 · e3d1ff0
1 parent 296cad8
commit e3d1ff0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/src/index.html b/src/index.html
@@ -483,15 +483,21 @@ <h4>
             <div class="card">
               <div class="card-body">
                 <h4 class="card-title">
-                  Add Ethereum Chain
+                  Ethereum Chain Interactions
                 </h4>
-
                 <button
                   class="btn btn-primary btn-lg btn-block mb-3"
                   id="addEthereumChain"
                   disabled
                 >
-                  xDAI
+                  Add xDAI Chain
+                </button>
+                <button
+                  class="btn btn-primary btn-lg btn-block mb-3"
+                  id="switchEthereumChain"
+                  disabled
+                >
+                  Switch to xDAI Chain
                 </button>
               </div>
             </div>

diff --git a/src/index.js b/src/index.js
@@ -81,6 +81,7 @@ const signTypedDataV4VerifyResult = document.getElementById('signTypedDataV4Veri
 
 // Miscellaneous
 const addEthereumChain = document.getElementById('addEthereumChain')
+const switchEthereumChain = document.getElementById('switchEthereumChain')
 
 const initialize = async () => {
   try {
@@ -185,6 +186,7 @@ const initialize = async () => {
 
     if (isMetaMaskInstalled()) {
       addEthereumChain.disabled = false
+      switchEthereumChain.disabled = false
     } else {
       onboardButton.innerText = 'Click here to install MetaMask!'
       onboardButton.onclick = onClickInstall
@@ -217,6 +219,15 @@ const initialize = async () => {
     })
   }
 
+  switchEthereumChain.onclick = async () => {
+    await ethereum.request({
+      method: 'wallet_switchEthereumChain',
+      params: [{
+        chainId: '0x64',
+      }],
+    })
+  }
+
   const initializeAccountButtons = () => {
 
     if (accountButtonsInitialized) {