Remove alchemy file and add localhost network to possible network to choose

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

src/components/TopBar.vue

@@ -52,6 +52,7 @@ const getNetworkImage = (networkName: NetworkEnum) => {
   let validImages = {
     Ethereum: ethereumImage,
     Polygon: polygonImage,
+    Localhost: ethereumImage
   };
 
   return validImages[networkName];
@@ -159,7 +160,23 @@ const getNetworkImage = (networkName: NetworkEnum) => {
                 <span class="text-gray-900 py-4 text-end font-semibold text-sm">
                   Polygon
                 </span>
-                <hr />
+              </div>
+              <div class="w-full flex justify-center">
+                <hr class="w-4/5" />
+              </div>
+              <div
+                class="menu-button gap-2 px-4 rounded-md cursor-pointer"
+                @click="etherStore.setNetworkName(NetworkEnum.localhost)"
+              >
+                <img
+                  alt="Localhost"
+                  width="20"
+                  height="20"
+                  src="@/assets/ethereum.svg"
+                />
+                <span class="text-gray-900 py-4 text-end font-semibold text-sm">
+                  Localhost
+                </span>
               </div>
             </div>
           </div>

src/model/NetworkEnum.ts

@@ -1,4 +1,5 @@
 export enum NetworkEnum {
   ethereum = "Ethereum",
   polygon = "Polygon",
+  localhost = "Localhost",
 }

src/utils/alchemy.ts

@@ -1,32 +0,0 @@
-import { Network, Alchemy } from "alchemy-sdk";
-import { useEtherStore } from "@/store/ether";
-
-const getAlchemy = () => {
-  const possibleSettings = {
-    Ethereum: {
-      apiKey: import.meta.env.VITE_GOERLI_API_KEY,
-      network: Network.ETH_GOERLI,
-    },
-    Polygon: {
-      apiKey: import.meta.env.VITE_MUMBAI_API_KEY,
-      network: Network.MATIC_MUMBAI,
-    },
-  };
-  const etherStore = useEtherStore();
-
-  const settings = possibleSettings[etherStore.networkName];
-  const alchemy = new Alchemy(settings);
-  return alchemy;
-};
-
-const showLatestBlockNumber = async () => {
-  const alchemy = getAlchemy();
-
-  const latestBlock = await alchemy.core.getBlockNumber();
-  if (latestBlock) console.log(latestBlock);
-};
-
-export default {
-  getAlchemy,
-  showLatestBlockNumber,
-};