diff --git a/src/common/modals/compositions/ClaimModal.vue b/src/common/modals/compositions/ClaimModal.vue
new file mode 100644
index 0000000..e5cf868
--- /dev/null
+++ b/src/common/modals/compositions/ClaimModal.vue
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+ {{ $t('claim-modal.reward', { amount }) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/common/modals/compositions/DepositModal.vue b/src/common/modals/compositions/DepositModal.vue
new file mode 100644
index 0000000..38babda
--- /dev/null
+++ b/src/common/modals/compositions/DepositModal.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/common/modals/compositions/InvalidNetworkModal.vue b/src/common/modals/compositions/InvalidNetworkModal.vue
new file mode 100644
index 0000000..968df9f
--- /dev/null
+++ b/src/common/modals/compositions/InvalidNetworkModal.vue
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+ {{ network.title }}
+
+
+ {{ '+' }}
+
+
+
+
+
+
diff --git a/src/common/modals/compositions/WithdrawModal.vue b/src/common/modals/compositions/WithdrawModal.vue
new file mode 100644
index 0000000..eaeebf8
--- /dev/null
+++ b/src/common/modals/compositions/WithdrawModal.vue
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+ {{ indicator.title }}
+
+
+
+ {{ indicator.value }}
+
+
+
+
+
+
+
diff --git a/src/common/modals/compositions/index.ts b/src/common/modals/compositions/index.ts
new file mode 100644
index 0000000..f8778ca
--- /dev/null
+++ b/src/common/modals/compositions/index.ts
@@ -0,0 +1,4 @@
+export { default as ClaimModal } from './ClaimModal.vue'
+export { default as DepositModal } from './DepositModal.vue'
+export { default as InvalidNetworkModal } from './InvalidNetworkModal.vue'
+export { default as WithdrawModal } from './WithdrawModal.vue'
diff --git a/src/common/modals/index.ts b/src/common/modals/index.ts
index 49d0a12..70b13ef 100644
--- a/src/common/modals/index.ts
+++ b/src/common/modals/index.ts
@@ -1 +1,3 @@
-export { default as BasicModal } from '@/common/modals/BasicModal.vue'
+export { default as BasicModal } from './BasicModal.vue'
+
+export * from './compositions'
diff --git a/src/config.ts b/src/config.ts
index a2a6bbc..615b728 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -6,6 +6,7 @@ import mapKeys from 'lodash/mapKeys'
export const config = {
API_URL: import.meta.env.VITE_API_URL,
APP_NAME: import.meta.env.VITE_APP_NAME,
+ IS_TESTNET: import.meta.env.VITE_APP_IS_TESTNET === 'true',
LOG_LEVEL: 'trace' as LogLevelDesc,
BUILD_VERSION: packageJson.version || import.meta.env.VITE_BUILD_VERSION,
} as const
diff --git a/src/enums/icon-names.enum.ts b/src/enums/icon-names.enum.ts
index 9d3b124..c90f3cd 100644
--- a/src/enums/icon-names.enum.ts
+++ b/src/enums/icon-names.enum.ts
@@ -2,6 +2,7 @@ export enum ICON_NAMES {
academicCap = 'academic-cap',
adjustments = 'adjustments',
annotation = 'annotation',
+ arbitrumAlt1 = 'arbitrum-alt-1',
arbitrum = 'arbitrum',
archive = 'archive',
arrowCircleDown = 'arrow-circle-down',
@@ -94,6 +95,7 @@ export enum ICON_NAMES {
duplicate = 'duplicate',
emojiHappy = 'emoji-happy',
emojiSad = 'emoji-sad',
+ ethereumAlt1 = 'ethereum-alt-1',
ethereum = 'ethereum',
exclamationCircle = 'exclamation-circle',
exclamation = 'exclamation',
@@ -114,6 +116,7 @@ export enum ICON_NAMES {
gift = 'gift',
globeAlt = 'globe-alt',
globe = 'globe',
+ goerliAlt1 = 'goerli-alt-1',
hand = 'hand',
hashtag = 'hashtag',
heart = 'heart',
diff --git a/src/env.d.ts b/src/env.d.ts
index a190687..934cbb9 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -17,6 +17,7 @@ interface ImportMetaEnv {
VITE_PORT: string
VITE_API_URL: string
VITE_APP_NAME: string
+ VITE_APP_IS_TESTNET: string
}
declare global {
diff --git a/src/fields/SelectField.vue b/src/fields/SelectField.vue
index 222d2da..d7d0c10 100644
--- a/src/fields/SelectField.vue
+++ b/src/fields/SelectField.vue
@@ -1,18 +1,14 @@
-