From ae60edd3243e814b6dee56b67bbb11c540d32c65 Mon Sep 17 00:00:00 2001 From: hueso Date: Wed, 31 Jul 2024 12:32:44 -0300 Subject: [PATCH] Network selection overhaul --- src/components/TopBar/TopBar.vue | 109 +++++-------------------------- 1 file changed, 17 insertions(+), 92 deletions(-) diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue index a2cfcd7..ef8ffa7 100644 --- a/src/components/TopBar/TopBar.vue +++ b/src/components/TopBar/TopBar.vue @@ -5,9 +5,8 @@ import { ref } from "vue"; import { onClickOutside } from "@vueuse/core"; import { NetworkEnum } from "@/model/NetworkEnum"; import { connectProvider, requestNetworkChange } from "@/blockchain/provider"; -import ethereumImage from "@/assets/ethereum.svg"; -import polygonImage from "@/assets/polygon.svg"; -import rootstockImage from "@/assets/rootstock.svg"; + +const images = import.meta.glob('@/assets/*.{png,svg}', { eager:true, query:'?url', import: 'default'} ); // Store reference const etherStore = useEtherStore(); @@ -56,14 +55,8 @@ const networkChange = async (network: NetworkEnum): Promise => { }; const getNetworkImage = (networkName: NetworkEnum): string => { - let validImages = { - Ethereum: ethereumImage, - Polygon: polygonImage, - Rootstock: rootstockImage, - Localhost: ethereumImage, - }; - - return validImages[networkName]; + const path = Object.keys(images).find(key => key.endsWith(`${networkName.toLowerCase()}.svg`)); + return path ? images[path] : ''; }; onClickOutside(walletAddressRef, () => { @@ -273,52 +266,19 @@ onClickOutside(infoMenuRef, () => { >
- -
-
-
- -
-
-
-
@@ -490,56 +450,21 @@ onClickOutside(infoMenuRef, () => {
-
-
-
- -
-
-
- -
-
-