Adding request to user change network in wallet

src/blockchain/provider.ts

@@ -1,19 +1,14 @@
-import { ethers } from "ethers";
 import { useEtherStore } from "@/store/ether";
-import { NetworkEnum } from "@/model/NetworkEnum";
+
 import { updateWalletStatus } from "./wallet";
+import {
+  getProviderUrl,
+  isPossibleNetwork,
+  possibleChains,
+  network2Chain,
+} from "./addresses";
 
-const getProviderUrl = (): string => {
-  const etherStore = useEtherStore();
-
-  const possibleProvidersUrls: { [key: string]: string } = {
-    Ethereum: import.meta.env.VITE_GOERLI_API_URL,
-    Polygon: import.meta.env.VITE_MUMBAI_API_URL,
-    Localhost: import.meta.env.VITE_GOERLI_API_URL,
-  };
-
-  return possibleProvidersUrls[etherStore.networkName];
-};
+import { ethers } from "ethers";
 
 const getProvider = ():
   | ethers.providers.Web3Provider
@@ -27,21 +22,17 @@ const getProvider = ():
   return new ethers.providers.Web3Provider(connection); // metamask provider
 };
 
-const connectProvider = async (): Promise<void | null> => {
+const connectProvider = async (): Promise<void> => {
   const window_ = window as any;
   const connection = window_.ethereum;
   const provider = getProvider();
 
   if (!(provider instanceof ethers.providers.Web3Provider)) {
     window.alert("Please, connect to metamask extension");
-    return null;
+    return;
   }
 
   await updateWalletStatus();
-  // await updateValidDeposits();
-  // await updateDepositAddedEvents();
-  // await updateLockAddedEvents();
-  // await updateLockReleasedEvents();
 
   listenToNetworkChange(connection);
   listenToWalletChange(connection);
@@ -49,24 +40,43 @@ const connectProvider = async (): Promise<void | null> => {
 
 const listenToWalletChange = (connection: any): void => {
   connection.on("accountsChanged", async () => {
-    await updateWalletStatus();
+    console.log("Changed account!");
+    updateWalletStatus();
   });
 };
 
 const listenToNetworkChange = (connection: any) => {
   const etherStore = useEtherStore();
 
-  const possibleNetworks: { [key: string]: NetworkEnum } = {
-    "0x5": NetworkEnum.ethereum,
-    "0x13881": NetworkEnum.polygon,
-    "0x7a69": NetworkEnum.localhost,
-  };
-
   connection.on("chainChanged", (networkChain: string) => {
-    if (Object.keys(possibleNetworks).includes(networkChain)) {
-      etherStore.setNetworkName(possibleNetworks[networkChain]);
+    console.log("Changed network!");
+
+    if (isPossibleNetwork(networkChain)) {
+      etherStore.setNetworkName(possibleChains[networkChain]);
+      updateWalletStatus();
+    } else {
+      window.alert("Invalid chain!");
     }
   });
 };
 
-export { getProvider, connectProvider, listenToNetworkChange };
+const requestNetworkChange = async (network: string): Promise<boolean> => {
+  try {
+    const window_ = window as any;
+    await window_.ethereum.request({
+      method: "wallet_switchEthereumChain",
+      params: [{ chainId: network2Chain[network] }], // chainId must be in hexadecimal numbers
+    });
+  } catch {
+    return false;
+  }
+
+  return true;
+};
+
+export {
+  getProvider,
+  connectProvider,
+  listenToNetworkChange,
+  requestNetworkChange,
+};