fix: review comments

Author: creed-victor

apps/frontend/src/app/3_organisms/Header/Header.tsx

@@ -16,12 +16,15 @@ import { NetworkPicker } from '../../2_molecules/NetworkPicker/NetworkPicker';
 import { SovrynLogo } from '../../2_molecules/SovrynLogo/SovrynLogo';
 import { useWalletConnect, useWrongNetworkCheck } from '../../../hooks';
 import { translations } from '../../../locales/i18n';
+import {
+  IS_IMPERSONATING,
+  stopImpersonatingAccount,
+} from '../../../utils/account-debug';
 import { getOriginsUrl } from '../../../utils/helpers';
 import { menuItemsMapping } from './Header.constants';
 import { BridgeMenuItem } from './components/BridgeMenuItem/BridgeMenuItem';
 import { NavItem } from './components/NavItem/NavItem';
 import { ProductLinks } from './components/ProductLinks/ProductLinks';
-import { IS_IMPERSONATING } from '../../../utils/account-debug';
 
 export const Header: FC = () => {
   const [isOpen, toggle] = useReducer(v => !v, false);
@@ -94,7 +97,7 @@ export const Header: FC = () => {
                 className={
                   'fixed bottom-3 right-3 bg-sovryn-black text-trade-short-25 text-xs px-2 py-1 rounded'
                 }
-                onClick={() => (window as any).stopImpersonatingAccount()}
+                onClick={() => stopImpersonatingAccount()}
               >
                 <Tooltip content="You are in DEBUG MODE. All RPC requests will be called from the impersonated account. Click to disable.">
                   <span>DEBUG MODE</span>

apps/frontend/src/utils/account-debug.ts

@@ -15,32 +15,39 @@ export function maybeDebugAccount(address?: string): string {
   return address?.toLowerCase() ?? '';
 }
 
-function impersonateAccount(address: string) {
-  if (!ethers.utils.isAddress(address?.toLowerCase())) {
+export function impersonateAccount(address?: string) {
+  if (!address || !ethers.utils.isAddress(address.toLowerCase())) {
     throw new Error("It's not a valid Ethereum address.");
   }
-
+  const lowercasedAddress = address.toLowerCase();
   if (typeof localStorage !== 'undefined') {
-    localStorage.setItem('impersonate', address.toLowerCase());
+    localStorage.setItem('impersonate', lowercasedAddress);
     window.location.reload();
   }
 }
 
-function stopImpersonatingAccount() {
+export function stopImpersonatingAccount() {
   if (typeof localStorage !== 'undefined') {
     localStorage.removeItem('impersonate');
     window.location.reload();
   }
 }
 
+declare global {
+  interface Window {
+    impersonateAccount: (address: string) => void;
+    stopImpersonatingAccount: () => void;
+  }
+}
+
 (() => {
   if (typeof window !== 'undefined') {
-    (window as any).impersonateAccount = impersonateAccount;
-    (window as any).stopImpersonatingAccount = stopImpersonatingAccount;
+    window.impersonateAccount = impersonateAccount;
+    window.stopImpersonatingAccount = stopImpersonatingAccount;
   }
 
   if (IS_IMPERSONATING) {
-    console.warn(
+    console.log(
       '%cYou are in DEBUG MODE. All RPC requests will be called from the impersonated account. However transactions still will be signed with your connected wallet.\nTo stop impersonation, run stopImpersonatingAccount().',
       'background: red; color: white; font-size: 16px; padding: 4px;',
     );