fix connect provider call and lint

Co-authored-by: brunoedcf <brest.dallacosta@outlook.com>

src/blockchain/provider.ts

@@ -4,71 +4,69 @@ import { NetworkEnum } from "@/model/NetworkEnum";
 import { updateWalletStatus } from "./wallet";
 
 const getProviderUrl = (): string => {
-    const etherStore = useEtherStore();
+  const etherStore = useEtherStore();
 
-    const possibleProvidersUrls: {[key: string]: string} = {
-        Ethereum: import.meta.env.VITE_GOERLI_API_URL,
-        Polygon: import.meta.env.VITE_MUMBAI_API_URL,
-        Localhost: import.meta.env.VITE_GOERLI_API_URL
-    }
+  const possibleProvidersUrls: { [key: string]: string } = {
+    Ethereum: import.meta.env.VITE_GOERLI_API_URL,
+    Polygon: import.meta.env.VITE_MUMBAI_API_URL,
+    Localhost: import.meta.env.VITE_GOERLI_API_URL,
+  };
 
-    return possibleProvidersUrls[etherStore.networkName]
-}
+  return possibleProvidersUrls[etherStore.networkName];
+};
 
-const getProvider = (): ethers.providers.Web3Provider | ethers.providers.JsonRpcProvider => {
-    const window_ = window as any;
-    const connection = window_.ethereum;
+const getProvider = ():
+  | ethers.providers.Web3Provider
+  | ethers.providers.JsonRpcProvider => {
+  const window_ = window as any;
+  const connection = window_.ethereum;
 
-    if (!connection)
-        return new ethers.providers.JsonRpcProvider(getProviderUrl()); // alchemy provider
+  if (!connection)
+    return new ethers.providers.JsonRpcProvider(getProviderUrl()); // alchemy provider
 
-    return new ethers.providers.Web3Provider(connection); // metamask provider
+  return new ethers.providers.Web3Provider(connection); // metamask provider
 };
 
 const connectProvider = async (): Promise<void | null> => {
-    const window_ = window as any;
-    const connection = window_.ethereum;
-    const provider = getProvider();
+  const window_ = window as any;
+  const connection = window_.ethereum;
+  const provider = getProvider();
 
-    if(!(provider instanceof ethers.providers.Web3Provider)){
-      window.alert("Please, connect to metamask extension");
-      return null;
-    }
+  if (!(provider instanceof ethers.providers.Web3Provider)) {
+    window.alert("Please, connect to metamask extension");
+    return null;
+  }
 
-    await updateWalletStatus();
-    // await updateValidDeposits();
-    // await updateDepositAddedEvents();
-    // await updateLockAddedEvents();
-    // await updateLockReleasedEvents();
+  await updateWalletStatus();
+  // await updateValidDeposits();
+  // await updateDepositAddedEvents();
+  // await updateLockAddedEvents();
+  // await updateLockReleasedEvents();
 
-    listenToNetworkChange(connection);
-    listenToWalletChange(connection);
+  listenToNetworkChange(connection);
+  listenToWalletChange(connection);
 };
 
 const listenToWalletChange = (connection: any): void => {
-    connection.on("accountsChanged", async () => {
-        await updateWalletStatus();
-    });
-}
-  
+  connection.on("accountsChanged", async () => {
+    await updateWalletStatus();
+  });
+};
 
 const listenToNetworkChange = (connection: any) => {
-    const etherStore = useEtherStore();
+  const etherStore = useEtherStore();
 
-    const possibleNetworks: {[key: string]: NetworkEnum} = {
-      "0x5": NetworkEnum.ethereum,
-      "0x13881": NetworkEnum.polygon,
-      "0x7a69": NetworkEnum.localhost,
+  const possibleNetworks: { [key: string]: NetworkEnum } = {
+    "0x5": NetworkEnum.ethereum,
+    "0x13881": NetworkEnum.polygon,
+    "0x7a69": NetworkEnum.localhost,
+  };
+
+  connection.on("chainChanged", (networkChain: string) => {
+    if (Object.keys(possibleNetworks).includes(networkChain)) {
+      etherStore.setNetworkName(possibleNetworks[networkChain]);
     }
+  });
+};
 
-    connection.on("chainChanged", (networkChain: string) => {
-      if (Object.keys(possibleNetworks).includes(networkChain)){
-        etherStore.setNetworkName(possibleNetworks[networkChain]);
-      }
-    });
-}
-
-export { 
-    getProvider,
-    listenToNetworkChange
- }
+export { getProvider, connectProvider, listenToNetworkChange };

src/blockchain/wallet.ts

@@ -1,43 +1,38 @@
 import { ethers } from "ethers";
 import { getProvider } from "./provider";
-import blockchain from "../utils/blockchain"
+import blockchain from "../utils/blockchain";
 import { useEtherStore } from "@/store/ether";
 
 import mockToken from "../utils/smart_contract_files/MockToken.json";
 import addresses from "../utils/smart_contract_files/localhost.json";
 
 const updateWalletStatus = async () => {
-    const etherStore = useEtherStore();
-    const provider = getProvider();
+  const etherStore = useEtherStore();
+  const provider = getProvider();
 
-    if (!provider) return;
+  const signer = provider.getSigner();
+  const contract = new ethers.Contract(addresses.token, mockToken.abi, signer);
 
-    const signer = provider.getSigner();
-    const contract = new ethers.Contract(addresses.token, mockToken.abi, signer);
+  const walletAddress = await provider.send("eth_requestAccounts", []);
 
-    const walletAddress = await provider.send("eth_requestAccounts", []);
+  const balance = await contract.balanceOf(walletAddress[0]);
+  etherStore.setBalance(blockchain.formatBigNumber(balance));
+  etherStore.setWalletAddress(ethers.utils.getAddress(walletAddress[0]));
+};
 
-    const balance = await contract.balanceOf(walletAddress[0]);
-    etherStore.setBalance(blockchain.formatBigNumber(balance));
-    etherStore.setWalletAddress(ethers.utils.getAddress(walletAddress[0]));
-  };
+const updateWalletBalance = async () => {
+  const etherStore = useEtherStore();
+  const provider = getProvider();
 
-  const updateWalletBalance = async () => {
-    const etherStore = useEtherStore();
-    const provider = getProvider();
+  if (!provider) return;
 
-    if (!provider) return;
+  const signer = provider.getSigner();
+  const contract = new ethers.Contract(addresses.token, mockToken.abi, signer);
 
-    const signer = provider.getSigner();
-    const contract = new ethers.Contract(addresses.token, mockToken.abi, signer);
+  const walletAddress = await provider.send("eth_requestAccounts", []);
 
-    const walletAddress = await provider.send("eth_requestAccounts", []);
+  const balance = await contract.balanceOf(walletAddress[0]);
+  etherStore.setBalance(blockchain.formatBigNumber(balance));
+};
 
-    const balance = await contract.balanceOf(walletAddress[0]);
-    etherStore.setBalance(blockchain.formatBigNumber(balance));
-  };
-
-  export {
-    updateWalletStatus,
-    updateWalletBalance
-  }
+export { updateWalletStatus, updateWalletBalance };

src/components/TopBar.vue

@@ -3,7 +3,7 @@ import { storeToRefs } from "pinia";
 import { useEtherStore } from "../store/ether";
 import { ref } from "vue";
 import { NetworkEnum } from "@/model/NetworkEnum";
-import blockchain from "../utils/blockchain";
+import { connectProvider } from "../blockchain/provider";
 import ethereumImage from "../assets/ethereum.svg";
 import polygonImage from "../assets/polygon.svg";
 
@@ -20,7 +20,7 @@ const currencyMenuHoverToggle = ref<boolean>(false);
 
 //Methods
 const connectMetaMask = () => {
-  blockchain.connectProvider();
+  connectProvider();
 };
 
 const formatWalletAddress = (): string => {
@@ -52,7 +52,7 @@ const getNetworkImage = (networkName: NetworkEnum) => {
   let validImages = {
     Ethereum: ethereumImage,
     Polygon: polygonImage,
-    Localhost: ethereumImage
+    Localhost: ethereumImage,
   };
 
   return validImages[networkName];