Register ethereum provider events for Metamask

anoma · Jun 16, 2023 · c957acf · c957acf
1 parent f9b76a7
commit c957acf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/apps/namada-interface/src/services/extensionEvents/provider.tsx b/apps/namada-interface/src/services/extensionEvents/provider.tsx
@@ -54,10 +54,11 @@ export const ExtensionEventsProvider: React.FC = (props): JSX.Element => {
   useEventListenerOnce(Events.TransferCompleted, anomaTransferCompletedHandler);
   useEventListenerOnce(Events.UpdatedBalances, anomaUpdatedBalancesHandler);
   useEventListenerOnce(KeplrEvents.AccountChanged, keplrAccountChangedHandler);
-  // TODO: This should be bound to window.ethereum:
   useEventListenerOnce(
     MetamaskEvents.AccountChanged,
-    metamaskAccountChangedHandler
+    metamaskAccountChangedHandler,
+    false,
+    true
   );
 
   return (

diff --git a/packages/hooks/src/useEvent.ts b/packages/hooks/src/useEvent.ts
@@ -4,12 +4,18 @@ export const useEventListener = (
   event: string,
   handler: (e: CustomEventInit) => void,
   deps?: React.DependencyList,
-  useCapture = false
+  useCapture = false,
+  isEthereumEvent = false
 ): void => {
   useEffect(() => {
-    window.addEventListener(event, handler, useCapture);
+    isEthereumEvent
+      ? window.ethereum.on(event, handler)
+      : window.addEventListener(event, handler, useCapture);
 
     return () => {
+      if (isEthereumEvent) {
+        return window.ethereum.removeListener(event, handler);
+      }
       window.removeEventListener(event, handler);
     };
   }, deps);
@@ -18,7 +24,8 @@ export const useEventListener = (
 export const useEventListenerOnce = (
   event: string,
   handler: (e: CustomEventInit) => void,
-  useCapture = false
+  useCapture = false,
+  isEthereumEvent = false
 ): void => {
-  useEventListener(event, handler, [], useCapture);
+  useEventListener(event, handler, [], useCapture, isEthereumEvent);
 };