From 976c48ac4b2c89b054f7fefc3ece8d5287f5049c Mon Sep 17 00:00:00 2001 From: hueso Date: Sun, 12 Oct 2025 18:57:25 -0300 Subject: [PATCH] optimized icon importing --- src/assets/{ => networks}/ethereum.svg | 0 src/assets/{ => networks}/polygon.svg | 0 src/assets/{ => networks}/rootstock.svg | 0 src/assets/{ => networks}/sepolia.svg | 0 src/assets/{ => tokens}/brx.svg | 0 src/assets/{ => tokens}/brz.svg | 0 src/utils/imagesPath.ts | 26 ++++--------------------- 7 files changed, 4 insertions(+), 22 deletions(-) rename src/assets/{ => networks}/ethereum.svg (100%) rename src/assets/{ => networks}/polygon.svg (100%) rename src/assets/{ => networks}/rootstock.svg (100%) rename src/assets/{ => networks}/sepolia.svg (100%) rename src/assets/{ => tokens}/brx.svg (100%) rename src/assets/{ => tokens}/brz.svg (100%) diff --git a/src/assets/ethereum.svg b/src/assets/networks/ethereum.svg similarity index 100% rename from src/assets/ethereum.svg rename to src/assets/networks/ethereum.svg diff --git a/src/assets/polygon.svg b/src/assets/networks/polygon.svg similarity index 100% rename from src/assets/polygon.svg rename to src/assets/networks/polygon.svg diff --git a/src/assets/rootstock.svg b/src/assets/networks/rootstock.svg similarity index 100% rename from src/assets/rootstock.svg rename to src/assets/networks/rootstock.svg diff --git a/src/assets/sepolia.svg b/src/assets/networks/sepolia.svg similarity index 100% rename from src/assets/sepolia.svg rename to src/assets/networks/sepolia.svg diff --git a/src/assets/brx.svg b/src/assets/tokens/brx.svg similarity index 100% rename from src/assets/brx.svg rename to src/assets/tokens/brx.svg diff --git a/src/assets/brz.svg b/src/assets/tokens/brz.svg similarity index 100% rename from src/assets/brz.svg rename to src/assets/tokens/brz.svg diff --git a/src/utils/imagesPath.ts b/src/utils/imagesPath.ts index cded67c..5487400 100644 --- a/src/utils/imagesPath.ts +++ b/src/utils/imagesPath.ts @@ -1,29 +1,11 @@ import type { TokenEnum } from "@/model/NetworkEnum"; - -export const imagesPath = import.meta.glob("@/assets/*.{png,svg}", { - eager: true, - query: "?url", - import: "default", -}); +import { Networks } from "@/config/networks"; export const getNetworkImage = (networkName: string): string => { - const imageName = networkName - .toLowerCase() - .replace(/[^a-z0-9]/g, '-'); - try { - const path = Object.keys(imagesPath).find((key) => - key.endsWith(`${imageName}.svg`) - ); - return path ? imagesPath[path] : ""; - } catch (error) { - console.error("Error fetching network image"); - return ""; - } + const normalizedName = networkName.toLowerCase().replace(/[^a-z0-9]/g, '-'); + return new URL(`../assets/networks/${normalizedName}.svg`, import.meta.url).href; }; export const getTokenImage = (tokenName: TokenEnum): string => { - const path = Object.keys(imagesPath).find((key) => - key.endsWith(`${tokenName.toLowerCase()}.svg`) - ); - return path ? imagesPath[path] : ""; + return new URL(`../assets/tokens/${tokenName.toLowerCase()}.svg`, import.meta.url).href; };