fix adding networks

masa-finance · Mar 10, 2023 · dd350ae · dd350ae
1 parent c651bfb
commit dd350ae
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 16 deletions.
diff --git a/src/provider/modules/network/network.ts b/src/provider/modules/network/network.ts
@@ -23,7 +23,14 @@ export const useNetwork = (
           method: 'wallet_addEthereumChain',
           params: [
             {
-              ...networkDetails,
+              chainName: networkDetails.chainName,
+              nativeCurrency: {
+                name: networkDetails.nativeCurrency?.name,
+                symbol: networkDetails.nativeCurrency?.symbol,
+                decimals: networkDetails.nativeCurrency?.decimals,
+              },
+              rpcUrls: networkDetails.rpcUrls,
+              blockExplorerUrls: networkDetails.blockExplorerUrls,
               chainId: utils.hexValue(networkDetails.chainId),
             },
           ],

diff --git a/stories/masa.stories.tsx b/stories/masa.stories.tsx
@@ -60,21 +60,32 @@ const Component = (): JSX.Element => {
       <button onClick={loadCR}>Invalidate Wallet</button>
       <button onClick={mintGreen}>Mint green</button>
 
-      <button onClick={(): void => switchNetwork?.('ethereum')}>
-        Switch to Ethereum
-      </button>
-      <button onClick={(): void => switchNetwork?.('goerli')}>
-        Switch to Goerli
-      </button>
-      <button onClick={(): void => switchNetwork?.('polygon')}>
-        Switch to Polygon
-      </button>
-      <button onClick={(): void => switchNetwork?.('bsc')}>
-        Switch to BSC
-      </button>
-      <button onClick={(): void => switchNetwork?.('alfajores')}>
-        Switch to Alfajores
-      </button>
+      <div>
+        <button onClick={(): void => switchNetwork?.('ethereum')}>
+          Switch to Ethereum
+        </button>
+        <button onClick={(): void => switchNetwork?.('goerli')}>
+          Switch to Goerli
+        </button>
+        <button onClick={(): void => switchNetwork?.('polygon')}>
+          Switch to Polygon
+        </button>
+        <button onClick={(): void => switchNetwork?.('mumbai')}>
+          Switch to Mumbai
+        </button>
+        <button onClick={(): void => switchNetwork?.('bsc')}>
+          Switch to BSC
+        </button>
+        <button onClick={(): void => switchNetwork?.('bsctest')}>
+          Switch to BSC Test
+        </button>
+        <button onClick={(): void => switchNetwork?.('celo')}>
+          Switch to Celo
+        </button>
+        <button onClick={(): void => switchNetwork?.('alfajores')}>
+          Switch to Alfajores
+        </button>
+      </div>
 
       {isLoggedIn && (
         <button onClick={(): void => handleLogout?.()}>Logout</button>