getwax · voltrevo · Jan 27, 2022 · Jan 24, 2022 · Jan 24, 2022 · Jan 24, 2022
diff --git a/extension/package.json b/extension/package.json
@@ -26,9 +26,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.0",
+    "@types/axios": "^0.14.0",
     "@types/zxcvbn": "^4.4.1",
     "advanced-css-reset": "^1.2.2",
     "async-mutex": "^0.3.2",
+    "axios": "^0.25.0",
     "bls-wallet-clients": "0.5.3",
     "dotenv-webpack": "^7.0.3",
     "emoji-log": "^1.0.2",
@@ -56,7 +58,6 @@
     "@babel/preset-env": "^7.14.2",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
-    "@types/axios": "^0.14.0",
     "@types/react": "^17.0.6",
     "@types/react-dom": "^17.0.5",
     "@types/webpack": "^4.41.29",

diff --git a/extension/source/Popup/Popup.tsx b/extension/source/Popup/Popup.tsx
@@ -9,7 +9,7 @@ import WalletHomeScreen from './components/WalletHomeScreen';
 import WelcomeScreen from './components/WelcomeScreen';
 import KeyEntryScreen from './components/KeyEntryScreen';
 
-import "../styles/index.scss";
+import '../styles/index.scss';
 
 type Props = {
   appPromise: Promise<App>;

diff --git a/extension/source/Popup/components/WelcomeScreen.tsx b/extension/source/Popup/components/WelcomeScreen.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { browser } from 'webextension-polyfill-ts';
+import { ArrowRight } from 'phosphor-react';
 import Button from '../../components/Button';
 import Carousel from './Carousel';
-import { ArrowRight } from "phosphor-react";
 
 import LargeQuillHeading from './LargeQuillHeading';
 
@@ -22,9 +22,9 @@ const WelcomeScreen: React.FunctionComponent = () => (
       <div className="mt-2">
         <Button
            => {}}
-          icon={<ArrowRight className='icon-md'/>}
-          className='btn-primary px-9 py-4'
-          >
+          icon={<ArrowRight className="icon-md" />}
+          className="btn-primary px-9 py-4"
+        >
           Get Started
            </Button>
       </div>

diff --git a/extension/source/components/Button.tsx b/extension/source/components/Button.tsx
@@ -4,14 +4,18 @@ import * as React from 'react';
 const Button = (props: {
   className?: string;
   onPress: () => void;
-  highlight?: boolean; //TODO - remove dependency
+  highlight?: boolean; // TODO - remove dependency
   loading?: boolean;
   children?: React.ReactNode;
-  icon?: IconProps
+  icon?: IconProps;
 }): React.ReactElement => {
   return (
     <div
-      className={props.loading ? 'btn-loading' : `flex gap-2 items-center ${props.className}`}
+      className={
+        props.loading
+          ? 'btn-loading'
+          : `flex gap-2 items-center ${props.className}`
+      }
       >
        => {
         if (evt.code === 'Enter') {

diff --git a/extension/source/hooks/useInputDecode.tsx b/extension/source/hooks/useInputDecode.tsx
@@ -70,9 +70,9 @@ export const useInputDecode = (
       try {
         const registryPromise = getMethodFromOnChainRegistry(data);
         const etherScanPromise = getMethodFromEtherscan(to, data);
-        const method = (await registryPromise) ?? (await etherScanPromise);
-        if (method) {
-          setMethod(formatMethod(method));
+        const rawMethod = (await registryPromise) ?? (await etherScanPromise);
+        if (rawMethod) {
+          setMethod(formatMethod(rawMethod));
         }
       } catch (error) {
         console.log({ error });