Compare commits
3 Commits
refactor/n
...
a5f02a99b1
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
a5f02a99b1 | ||
|
|
2890a2e982 | ||
|
|
0ca05b106d |
|
Before Width: | Height: | Size: 644 B After Width: | Height: | Size: 644 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
@@ -1,11 +1,29 @@
|
|||||||
import type { TokenEnum } from "@/model/NetworkEnum";
|
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 => {
|
export const getNetworkImage = (networkName: string): string => {
|
||||||
const normalizedName = networkName.toLowerCase().replace(/[^a-z0-9]/g, '-');
|
const imageName = networkName
|
||||||
return new URL(`../assets/networks/${normalizedName}.svg`, import.meta.url).href;
|
.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 "";
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getTokenImage = (tokenName: TokenEnum): string => {
|
export const getTokenImage = (tokenName: TokenEnum): string => {
|
||||||
return new URL(`../assets/tokens/${tokenName.toLowerCase()}.svg`, import.meta.url).href;
|
const path = Object.keys(imagesPath).find((key) =>
|
||||||
|
key.endsWith(`${tokenName.toLowerCase()}.svg`)
|
||||||
|
);
|
||||||
|
return path ? imagesPath[path] : "";
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ const sendNetwork = async () => {
|
|||||||
/>
|
/>
|
||||||
<div v-if="flowStep == Step.Network">
|
<div v-if="flowStep == Step.Network">
|
||||||
<SendNetwork
|
<SendNetwork
|
||||||
:sellerId="Number(user.sellerId.value)"
|
:sellerId="user.sellerId.value"
|
||||||
:offer="Number(user.seller.value.offer)"
|
:offer="Number(user.seller.value.offer)"
|
||||||
:selected-token="user.selectedToken.value"
|
:selected-token="user.selectedToken.value"
|
||||||
v-if="!loading"
|
v-if="!loading"
|
||||||
|
|||||||