Merge pull request #22 from nftlabs/am/fixes

Add network switch network

Author: adam-maj

Diff for: src/shared/commonRPCUrls.ts

@@ -18,6 +18,15 @@ export const ChainIDToNativeSymbol: Record<number, string> = {
   80001: "MATIC",
 };
 
+export const ChainIDToName: Record<number, string> = {
+  1: "Mainnet",
+  4: "Rinkeby",
+  137: "Polygon",
+  250: "Fantom",
+  43114: "Avalanche",
+  80001: "Mumbai",
+}
+
 export enum ChainId {
   Mainnet = 1,
   Ropsten = 3,
@@ -52,4 +61,3 @@ export const supportedChains = defaultChains
   .concat(defaultL2Chains)
   .filter((c) => SUPPORTED_CHAIN_IDS.includes(c.id));
 
-console.log("*** supportedChains", supportedChains);

Diff for: src/shared/connect-wallet-button.tsx

@@ -14,7 +14,7 @@ import {
 import React from "react";
 import { IoSwapHorizontalSharp } from "react-icons/io5";
 import { useConnect, useNetwork } from "wagmi";
-import { supportedChains } from "./commonRPCUrls";
+import { ChainIDToName, supportedChains } from "./commonRPCUrls";
 
 interface ConnectWalletButtonProps {
   expectedChainId: number;
@@ -43,10 +43,11 @@ export const ConnectWalletButton: React.FC<ConnectWalletButtonProps> = ({
           leftIcon={<IoSwapHorizontalSharp />}
           onClick={() => switchNetwork(expectedChainId)}
         >
-          Switch Network
+          Switch Network To {ChainIDToName[expectedChainId]}
         </Button>
       );
     }
+    
     return (
       <Alert variant="left-accent" status="warning">
         <AlertIcon />