diff --git a/src/assets/img/astar_icon2.svg b/src/assets/img/astar_icon2.svg new file mode 100644 index 000000000..94b712a65 --- /dev/null +++ b/src/assets/img/astar_icon2.svg @@ -0,0 +1,629 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/assets/transfer/InputSelectAccount.vue b/src/components/assets/transfer/InputSelectAccount.vue index b6c214c25..dd46f25b2 100644 --- a/src/components/assets/transfer/InputSelectAccount.vue +++ b/src/components/assets/transfer/InputSelectAccount.vue @@ -20,7 +20,7 @@ class="input--address text--title" type="text" spellcheck="false" - placeholder="Destination Address" + :placeholder="$t('assets.transferPage.toPlaceholder')" @change="changeAddress" /> diff --git a/src/components/bridge/BridgeSelection.vue b/src/components/bridge/BridgeSelection.vue index ecab93c8e..c5d8a01d4 100644 --- a/src/components/bridge/BridgeSelection.vue +++ b/src/components/bridge/BridgeSelection.vue @@ -41,6 +41,78 @@

+
+ +
+ +
+ +

+ {{ $t('bridge.celerBridge.warning') }} +

+
+ +
-
-
+
-
- -

- {{ $t('bridge.celerBridge.warning') }} -

-
@@ -208,6 +242,7 @@ import { buildCcipBridgePageLink, buildEthereumBridgePageLink, buildLzBridgePageLink, + buildTransferPageLink, } from 'src/router/routes'; import { navigateInNewTab } from 'src/util-general'; import { computed, defineComponent } from 'vue'; @@ -224,6 +259,7 @@ export default defineComponent({ isAstar, isH160, isShibuyaEvm, + nativeTokenSymbol, } = useNetworkInfo(); const l1Name = computed(() => { @@ -270,6 +306,8 @@ export default defineComponent({ buildLzBridgePageLink, navigateInNewTab, buildCcipBridgePageLink, + buildTransferPageLink, + nativeTokenSymbol, }; }, }); diff --git a/src/css/text.scss b/src/css/text.scss index 4732d52af..37a9bd575 100644 --- a/src/css/text.scss +++ b/src/css/text.scss @@ -103,7 +103,7 @@ input[type='number'] { } input::placeholder { - color: $navy-3 !important; + color: $gray-4 !important; } .body--dark { diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts index 35e29b030..a7e4dc441 100644 --- a/src/i18n/en-US/index.ts +++ b/src/i18n/en-US/index.ts @@ -561,6 +561,7 @@ export default { howToUsePortal: 'HOW TO USE THE PORTAL', xcmIsDisabled: 'XCM with {network} is temporarily disabled', xcmEvmIsDisabled: 'XCM to {network} via EVM wallets is temporarily disabled', + toPlaceholder: '0x...(EVM) or Astar Native addresses', }, modals: { max: 'Max', @@ -1108,6 +1109,10 @@ export default { tag: 'ETH', text: '3rd Party Bridge. Fast and reliable crypto transfers across networks to Astar zkEVM.', }, + astarEvmBridge: { + title: 'EVM Bridge', + text: 'Transfer assets between EVM and native network.', + }, warning32blocks: 'It could take around 10~20mins or more to finalize', warningLzWithdrawal: 'It could take approximately 6 hours to finalize the bridge transaction from Astar zkEVM to Astar EVM',