fix: updated warning message for the CCIP bridge (#1440)

AstarNetwork · Jan 14, 2025 · e24b77e · e24b77e
1 parent 99e9628
commit e24b77e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/bridge/ccip/CcipBridge.vue b/src/components/bridge/ccip/CcipBridge.vue
@@ -135,9 +135,14 @@
         </ul>
       </div>
 
-      <div v-if="!ccipBridgeEnabled" class="row--box-error">
+      <div v-if="!isH160" class="row--box-error">
         <span class="color--white">
-          {{ $t('bridge.underMaintenance') }}
+          {{ $t('bridge.warningInvalidWallet') }}
+        </span>
+      </div>
+      <div v-else-if="!ccipBridgeEnabled" class="row--box-error">
+        <span class="color--white">
+          {{ $t('bridge.ccipUnderMaintenance') }}
         </span>
       </div>
 
@@ -255,7 +260,7 @@ export default defineComponent({
   },
   setup(props) {
     const { currentAccount } = useAccount();
-    const { nativeTokenSymbol, isShibuyaEvm, isAstarEvm } = useNetworkInfo();
+    const { nativeTokenSymbol, isShibuyaEvm, isAstarEvm, isH160 } = useNetworkInfo();
     const store = useStore();
     const isHandling = ref<boolean>(false);
     const isLoading = computed<boolean>(() => store.getters['general/isLoading']);
@@ -350,6 +355,7 @@ export default defineComponent({
       ccipBridgeTime,
       isApproveButtonDisabled,
       isBridgeButtonDisabled,
+      isH160,
       truncate,
       bridge,
       approve,

diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
@@ -1133,8 +1133,11 @@ export default {
     warningHighTraffic:
       'High bridge traffic may delay withdrawal transactions up to 5 hours. We appreciate your patience.',
     warningHighTrafficMore: '(read more)',
+    warningInvalidWallet: 'Please connect your EVM wallet to use the bridge',
     underMaintenance:
       'Astar zkEVM is currently under the maintenance. We apologize for any inconvenience.',
+    ccipUnderMaintenance:
+      'CCIP bridge is currently under the maintenance. We apologize for any inconvenience.',
     modals: {
       highTraffic: {
         text1: