parse sellerId as number

Refactor/ux improvements

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] : "";
 };

src/views/SellerView.vue

@@ -69,7 +69,7 @@ const sendNetwork = async () => {
     />
     <div v-if="flowStep == Step.Network">
       <SendNetwork
-        :sellerId="user.sellerId.value"
+        :sellerId="Number(user.sellerId.value)"
         :offer="Number(user.seller.value.offer)"
         :selected-token="user.selectedToken.value"
         v-if="!loading"