optimized icon importing

src/utils/imagesPath.ts

@@ -1,29 +1,11 @@
 import type { TokenEnum } from "@/model/NetworkEnum";
-
+import { Networks } from "@/config/networks";
-export const imagesPath = import.meta.glob<string>("@/assets/*.{png,svg}", {
-  eager: true,
-  query: "?url",
-  import: "default",
-});
 
 export const getNetworkImage = (networkName: string): string => {
-  const imageName = networkName
+  const normalizedName = networkName.toLowerCase().replace(/[^a-z0-9]/g, '-');
-      .toLowerCase()
+  return new URL(`../assets/networks/${normalizedName}.svg`, import.meta.url).href;
-      .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 "";
-  }
 };
 
 export const getTokenImage = (tokenName: TokenEnum): string => {
-  const path = Object.keys(imagesPath).find((key) =>
+  return new URL(`../assets/tokens/${tokenName.toLowerCase()}.svg`, import.meta.url).href;
-    key.endsWith(`${tokenName.toLowerCase()}.svg`)
-  );
-  return path ? imagesPath[path] : "";
 };