feat: checks providers if there are multiple

DLC-link · Dec 6, 2023 · 6eb83d6 · 6eb83d6
1 parent 45fb2cc
commit 6eb83d6
Showing 1 changed file with 48 additions and 13 deletions.
diff --git a/src/app/hooks/use-ethereum.ts b/src/app/hooks/use-ethereum.ts
@@ -132,9 +132,16 @@ export function useEthereum(): UseEthereumReturnType {
     newEthereumNetwork: EthereumNetwork,
   ): Promise<void> {
     const { ethereum } = window;
-    const metamaskProvider = ethereum.providers.find(
-      (provider: any) => provider.isMetaMask,
-    );
+
+    let metamaskProvider;
+    if ("providers" in ethereum) {
+      metamaskProvider = ethereum.providers.find(
+        (provider: any) => provider.isMetaMask,
+      );
+    } else {
+      metamaskProvider = ethereum;
+    }
+
     try {
       await metamaskProvider.request({
         method: "wallet_addEthereumChain",
@@ -149,9 +156,16 @@ export function useEthereum(): UseEthereumReturnType {
     newEthereumNetwork: EthereumNetwork,
   ): Promise<void> {
     const { ethereum } = window;
-    const metamaskProvider = ethereum.providers.find(
-      (provider: any) => provider.isMetaMask,
-    );
+
+    let metamaskProvider;
+    if ("providers" in ethereum) {
+      metamaskProvider = ethereum.providers.find(
+        (provider: any) => provider.isMetaMask,
+      );
+    } else {
+      metamaskProvider = ethereum;
+    }
+
     try {
       await metamaskProvider.request({
         method: "wallet_switchEthereumChain",
@@ -183,8 +197,17 @@ export function useEthereum(): UseEthereumReturnType {
   async function getEthereumProvider(network: Network) {
     try {
       const { ethereum } = window;
+
+      let metamaskProvider;
+      if ("providers" in ethereum) {
+        metamaskProvider = ethereum.providers.find(
+          (provider: any) => provider.isMetaMask,
+        );
+      } else {
+        metamaskProvider = ethereum;
+      }
       const browserProvider = new ethers.providers.Web3Provider(
-        ethereum.providers.find((provider: any) => provider.isMetaMask),
+        metamaskProvider,
         "any",
       );
       const signer = browserProvider.getSigner();
@@ -250,9 +273,14 @@ export function useEthereum(): UseEthereumReturnType {
     try {
       const { ethereum } = window;
 
-      const metamaskProvider = ethereum.providers.find(
-        (provider: any) => provider.isMetaMask,
-      );
+      let metamaskProvider;
+      if ("providers" in ethereum) {
+        metamaskProvider = ethereum.providers.find(
+          (provider: any) => provider.isMetaMask,
+        );
+      } else {
+        metamaskProvider = ethereum;
+      }
 
       if (!metamaskProvider) {
         alert("Install MetaMask!");
@@ -410,9 +438,16 @@ export function useEthereum(): UseEthereumReturnType {
   async function recommendTokenToMetamask(): Promise<boolean> {
     try {
       const { ethereum } = window;
-      const metamaskProvider = ethereum.providers.find(
-        (provider: any) => provider.isMetaMask,
-      );
+
+      let metamaskProvider;
+      if ("providers" in ethereum) {
+        metamaskProvider = ethereum.providers.find(
+          (provider: any) => provider.isMetaMask,
+        );
+      } else {
+        metamaskProvider = ethereum;
+      }
+
       if (!metamaskProvider) return false;
       const response = await metamaskProvider.request({
         method: "wallet_watchAsset",