diff --git a/packages/invoice-dashboard/src/lib/view-requests.svelte b/packages/invoice-dashboard/src/lib/view-requests.svelte index e1719754..b3543388 100644 --- a/packages/invoice-dashboard/src/lib/view-requests.svelte +++ b/packages/invoice-dashboard/src/lib/view-requests.svelte @@ -21,6 +21,7 @@ import ChevronUp from "@requestnetwork/shared-icons/chevron-up.svelte"; import Download from "@requestnetwork/shared-icons/download.svelte"; import Search from "@requestnetwork/shared-icons/search.svelte"; + import Network from "@requestnetwork/shared-icons/network/network-icon.svelte"; // Types import type { GetAccountReturnType, @@ -34,6 +35,7 @@ import { checkStatus } from "@requestnetwork/shared-utils/checkStatus"; import { config as defaultConfig } from "@requestnetwork/shared-utils/config"; import { initializeCurrencyManager } from "@requestnetwork/shared-utils/initCurrencyManager"; + import { checkStatus } from "@requestnetwork/shared-utils/checkStatus"; import { exportToPDF } from "@requestnetwork/shared-utils/generateInvoice"; import { getCurrencyFromManager } from "@requestnetwork/shared-utils/getCurrency"; import { CurrencyManager } from "@requestnetwork/currency"; @@ -562,11 +564,22 @@ + handleSort("currencyInfo.network")}> +
+ Payment Chain + {#if sortOrder === "asc" && sortColumn === "currencyInfo.network"} + + {:else} + + {/if} + +
+ - {#if !loading && processedRequests} + {#if processedRequests.length > 0} {#each processedRequests as request} handleRequestSelect(e, request)}> {#if columns.issuedAt} @@ -636,6 +649,13 @@ /> {checkStatus(request)} + + {#if request.paymentCurrencies.length > 0} + + {:else} + - + {/if} + console.info("Close"), diff --git a/shared/components/dashboard-skeleton.svelte b/shared/components/dashboard-skeleton.svelte index 41840ff1..9a97392d 100644 --- a/shared/components/dashboard-skeleton.svelte +++ b/shared/components/dashboard-skeleton.svelte @@ -1,8 +1,8 @@ -{#each Array(columns) as _} +{#each Array(rows) as _} - {#each Array(rows) as _} + {#each Array(columns) as _} diff --git a/shared/icons/network/arbitrum.svelte b/shared/icons/network/arbitrum.svelte new file mode 100644 index 00000000..e221d59f --- /dev/null +++ b/shared/icons/network/arbitrum.svelte @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/shared/icons/network/avax.svelte b/shared/icons/network/avax.svelte new file mode 100644 index 00000000..d36b94ce --- /dev/null +++ b/shared/icons/network/avax.svelte @@ -0,0 +1,15 @@ + + + + diff --git a/shared/icons/network/base.svelte b/shared/icons/network/base.svelte new file mode 100644 index 00000000..796f196c --- /dev/null +++ b/shared/icons/network/base.svelte @@ -0,0 +1,12 @@ + + + diff --git a/shared/icons/network/bsc.svelte b/shared/icons/network/bsc.svelte new file mode 100644 index 00000000..962c8430 --- /dev/null +++ b/shared/icons/network/bsc.svelte @@ -0,0 +1,14 @@ + + + + diff --git a/shared/icons/network/celo.svelte b/shared/icons/network/celo.svelte new file mode 100644 index 00000000..19673ca8 --- /dev/null +++ b/shared/icons/network/celo.svelte @@ -0,0 +1,35 @@ + + + + + + + + + diff --git a/shared/icons/network/ethereum.svelte b/shared/icons/network/ethereum.svelte new file mode 100644 index 00000000..90a542e9 --- /dev/null +++ b/shared/icons/network/ethereum.svelte @@ -0,0 +1,20 @@ + diff --git a/shared/icons/network/fantom.svelte b/shared/icons/network/fantom.svelte new file mode 100644 index 00000000..98b71f7e --- /dev/null +++ b/shared/icons/network/fantom.svelte @@ -0,0 +1,12 @@ + + + diff --git a/shared/icons/network/gnosis.svelte b/shared/icons/network/gnosis.svelte new file mode 100644 index 00000000..551ce3eb --- /dev/null +++ b/shared/icons/network/gnosis.svelte @@ -0,0 +1,30 @@ + + + + + + diff --git a/shared/icons/network/mantle.svelte b/shared/icons/network/mantle.svelte new file mode 100644 index 00000000..7cc37f7e --- /dev/null +++ b/shared/icons/network/mantle.svelte @@ -0,0 +1,28 @@ + + + + + + diff --git a/shared/icons/network/matic.svelte b/shared/icons/network/matic.svelte new file mode 100644 index 00000000..de48daf7 --- /dev/null +++ b/shared/icons/network/matic.svelte @@ -0,0 +1,23 @@ + + + + diff --git a/shared/icons/network/moonbeam.svelte b/shared/icons/network/moonbeam.svelte new file mode 100644 index 00000000..95c94156 --- /dev/null +++ b/shared/icons/network/moonbeam.svelte @@ -0,0 +1,23 @@ + + + + + + + + diff --git a/shared/icons/network/near.svelte b/shared/icons/network/near.svelte new file mode 100644 index 00000000..4a95561e --- /dev/null +++ b/shared/icons/network/near.svelte @@ -0,0 +1,17 @@ + + + diff --git a/shared/icons/network/network-icon.svelte b/shared/icons/network/network-icon.svelte new file mode 100644 index 00000000..a2eaab02 --- /dev/null +++ b/shared/icons/network/network-icon.svelte @@ -0,0 +1,23 @@ + + +{#if icon} +
+ + {capitalize(network)} +
+{/if} + + diff --git a/shared/icons/network/optimism.svelte b/shared/icons/network/optimism.svelte new file mode 100644 index 00000000..30298569 --- /dev/null +++ b/shared/icons/network/optimism.svelte @@ -0,0 +1,31 @@ + + + + + + diff --git a/shared/icons/network/ronin.svelte b/shared/icons/network/ronin.svelte new file mode 100644 index 00000000..e68a0030 --- /dev/null +++ b/shared/icons/network/ronin.svelte @@ -0,0 +1,45 @@ + + + + + + + + + + diff --git a/shared/icons/network/sepolia.svelte b/shared/icons/network/sepolia.svelte new file mode 100644 index 00000000..2d8a0e59 --- /dev/null +++ b/shared/icons/network/sepolia.svelte @@ -0,0 +1,19 @@ + diff --git a/shared/icons/network/zk-sync.svelte b/shared/icons/network/zk-sync.svelte new file mode 100644 index 00000000..7ccdf87b --- /dev/null +++ b/shared/icons/network/zk-sync.svelte @@ -0,0 +1,35 @@ + + + + + + + diff --git a/shared/utils/getNetworkIcon.ts b/shared/utils/getNetworkIcon.ts new file mode 100644 index 00000000..c7548a25 --- /dev/null +++ b/shared/utils/getNetworkIcon.ts @@ -0,0 +1,39 @@ +import BscIcon from "../icons/network/bsc.svelte"; +import AvaxIcon from "../icons/network/avax.svelte"; +import CeloIcon from "../icons/network/celo.svelte"; +import BaseIcon from "../icons/network/base.svelte"; +import NearIcon from "../icons/network/near.svelte"; +import MaticIcon from "../icons/network/matic.svelte"; +import RoninIcon from "../icons/network/ronin.svelte"; +import GnosisIcon from "../icons/network/gnosis.svelte"; +import MantleIcon from "../icons/network/mantle.svelte"; +import ZkSyncIcon from "../icons/network/zk-sync.svelte"; +import SepoliaIcon from "../icons/network/sepolia.svelte"; +import EthereumIcon from "../icons/network/ethereum.svelte"; +import OptimismIcon from "../icons/network/optimism.svelte"; +import ArbitrumIcon from "../icons/network/arbitrum.svelte"; +import MoonbeamIcon from "../icons/network/moonbeam.svelte"; +import FantomIcon from "../icons/network/fantom.svelte"; + +export const getNetworkIcon = (network: string) => { + const icons = { + bsc: BscIcon, + celo: CeloIcon, + base: BaseIcon, + near: NearIcon, + xdai: GnosisIcon, + matic: MaticIcon, + ronin: RoninIcon, + fantom: FantomIcon, + mantle: MantleIcon, + avalanche: AvaxIcon, + sepolia: SepoliaIcon, + zksyncera: ZkSyncIcon, + mainnet: EthereumIcon, + optimism: OptimismIcon, + arbitrum: ArbitrumIcon, + moonbeam: MoonbeamIcon, + }; + + return icons[network] || EthereumIcon; +};