refactor: PR suggested change

akash-network · Oct 16, 2023 · 02a6ffa · 02a6ffa
1 parent 20d382b
commit 02a6ffa
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 17 deletions.
diff --git a/deploy-web/src/components/layout/WelcomeModal.tsx b/deploy-web/src/components/layout/WelcomeModal.tsx
@@ -1,5 +1,4 @@
 import { Button, Dialog, DialogContent, DialogActions, Typography, Box, Paper, useTheme } from "@mui/material";
-import { useKeplr } from "@src/context/WalletProvider";
 // import { feePercent, maxFee } from "@src/utils/constants";
 import { FormattedNumber } from "react-intl";
 import { makeStyles } from "tss-react/mui";

diff --git a/deploy-web/src/context/WalletProvider/WalletProvider.tsx b/deploy-web/src/context/WalletProvider/WalletProvider.tsx
@@ -122,14 +122,16 @@ export const WalletProvider = ({ children }) => {
           setIsWalletLoaded(true);
         }
 
-        window.addEventListener("keplr_keystorechange", () => onKeystoreChange(Wallets.KEPLR));
-        window.addEventListener("leap_keystorechange", () => onKeystoreChange(Wallets.LEAP));
+        const keplrOnKeystoreChange = () => onKeystoreChange(Wallets.KEPLR);
+        const leapOnKeystoreChange = () => onKeystoreChange(Wallets.LEAP);
+        window.addEventListener("keplr_keystorechange", keplrOnKeystoreChange);
+        window.addEventListener("leap_keystorechange", leapOnKeystoreChange);
 
         return () => {
           isMounted.current = false;
 
-          window.removeEventListener("keplr_keystorechange", () => onKeystoreChange(Wallets.KEPLR));
-          window.removeEventListener("leap_keystorechange", () => onKeystoreChange(Wallets.LEAP));
+          window.removeEventListener("keplr_keystorechange", keplrOnKeystoreChange);
+          window.removeEventListener("leap_keystorechange", leapOnKeystoreChange);
         };
       } else {
         setIsWalletLoaded(true);

diff --git a/deploy-web/src/types/gloabl.d.ts b/deploy-web/src/types/gloabl.d.ts
diff --git a/deploy-web/src/types/global.ts b/deploy-web/src/types/global.ts
@@ -1,6 +1,7 @@
-import { Window as KeplrWindow } from "@keplr-wallet/types";
-
+import { Keplr, Window as KeplrWindow } from "@keplr-wallet/types";
 declare global {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  interface Window extends KeplrWindow {}
+  interface Window extends KeplrWindow {
+    wallet: Keplr;
+    leap: Keplr;
+  }
 }