diff --git a/src/boot/api.ts b/src/boot/api.ts index 8d89896a3..023c02181 100644 --- a/src/boot/api.ts +++ b/src/boot/api.ts @@ -133,7 +133,7 @@ export default boot(async ({ store }) => { watchPostEffect(async () => { store.commit('general/setChainInfo', chainInfo.value); const networkIdx = store.getters['general/networkIdx']; - const isZkEvm = networkIdx === endpointKey.ZKATANA || networkIdx === endpointKey.ASTAR_ZKEVM; + const isZkEvm = networkIdx === endpointKey.ZKYOTO || networkIdx === endpointKey.ASTAR_ZKEVM; if (isZkEvm) { await setWeb3(networkIdx); diff --git a/src/components/assets/Account.vue b/src/components/assets/Account.vue index 24981324e..80e909186 100644 --- a/src/components/assets/Account.vue +++ b/src/components/assets/Account.vue @@ -11,7 +11,7 @@ @@ -20,8 +20,8 @@ {{ currentNetworkName.replace('Network', '') }} EVM (L1) - - Astar zKatana + + Astar zKyoto Astar zkEVM @@ -282,7 +282,7 @@ export default defineComponent({ return bg_img.native; } else if (currentNetworkIdx.value === endpointKey.SHIDEN) { return bg_img.shiden; - } else if (currentNetworkIdx.value === endpointKey.ZKATANA) { + } else if (currentNetworkIdx.value === endpointKey.ZKYOTO) { return bg_img.testnet_zk; } return bg_img.testnet; diff --git a/src/components/assets/EvmNativeToken.vue b/src/components/assets/EvmNativeToken.vue index 68d179a53..eb41cacb8 100644 --- a/src/components/assets/EvmNativeToken.vue +++ b/src/components/assets/EvmNativeToken.vue @@ -56,7 +56,7 @@ - + @@ -105,7 +105,7 @@ export default defineComponent({ const isFaucet = ref(false); const isModalFaucet = ref(false); - const { currentNetworkName, nativeTokenSymbol, isZkEvm, isZkatana } = useNetworkInfo(); + const { currentNetworkName, nativeTokenSymbol, isZkEvm, isZkyoto } = useNetworkInfo(); const { currentAccount } = useAccount(); const { nativeTokenUsd } = usePrice(); const store = useStore(); @@ -161,7 +161,7 @@ export default defineComponent({ isFaucet, isModalFaucet, isZkEvm, - isZkatana, + isZkyoto, faucetSethLink, width, screenSize, diff --git a/src/components/assets/styles/account.scss b/src/components/assets/styles/account.scss index fca31ea71..a4e9d38c2 100644 --- a/src/components/assets/styles/account.scss +++ b/src/components/assets/styles/account.scss @@ -128,7 +128,7 @@ } } - // zKatana + // zKyoto &.network-4 { .text--address { background: linear-gradient(90deg, #6c6c6c 25%, #b7b7b7 100%); @@ -334,7 +334,7 @@ } } - // zKatana + // zKyoto &.network-4 { .wallet-tab { .btn { diff --git a/src/components/bridge/BridgeSelection.vue b/src/components/bridge/BridgeSelection.vue index 131e9fbd6..589ca2433 100644 --- a/src/components/bridge/BridgeSelection.vue +++ b/src/components/bridge/BridgeSelection.vue @@ -97,19 +97,19 @@ export default defineComponent({ const { isZkEvm, currentNetworkName, networkNameSubstrate, isMainnet } = useNetworkInfo(); const l1Name = computed(() => { - return currentNetworkName.value === EthBridgeNetworkName.Zkatana + return currentNetworkName.value === EthBridgeNetworkName.Zkyoto ? EthBridgeNetworkName.Sepolia : EthBridgeNetworkName.Ethereum; }); const l2Name = computed(() => { - return currentNetworkName.value === EthBridgeNetworkName.Zkatana - ? EthBridgeNetworkName.Zkatana + return currentNetworkName.value === EthBridgeNetworkName.Zkyoto + ? EthBridgeNetworkName.Zkyoto : EthBridgeNetworkName.AstarZk; }); const substrateNetwork = computed(() => { - return currentNetworkName.value === EthBridgeNetworkName.Zkatana ? 'Shibuya' : 'Astar'; + return currentNetworkName.value === EthBridgeNetworkName.Zkyoto ? 'Shibuya' : 'Astar'; }); const cbridgeNetworkName = computed(() => { diff --git a/src/components/bridge/common/ImportTokenInfo.vue b/src/components/bridge/common/ImportTokenInfo.vue index 95b0ef6e1..a5699782d 100644 --- a/src/components/bridge/common/ImportTokenInfo.vue +++ b/src/components/bridge/common/ImportTokenInfo.vue @@ -227,10 +227,10 @@ export default defineComponent({ return String(blockExplorerUrls[EVM.SEPOLIA_TESTNET][0]); case EthBridgeNetworkName.AstarZk: return String(blockExplorerUrls[EVM.ASTAR_ZKEVM_MAINNET][0]); - case EthBridgeNetworkName.Zkatana: - return String(blockExplorerUrls[EVM.ZKATANA_TESTNET][0]); + case EthBridgeNetworkName.Zkyoto: + return String(blockExplorerUrls[EVM.ZKYOTO_TESTNET][0]); default: - return String(blockExplorerUrls[EVM.ZKATANA_TESTNET][0]); + return String(blockExplorerUrls[EVM.ZKYOTO_TESTNET][0]); } }; diff --git a/src/components/bridge/ethereum/L1Bridge.vue b/src/components/bridge/ethereum/L1Bridge.vue index f61569555..ec06df410 100644 --- a/src/components/bridge/ethereum/L1Bridge.vue +++ b/src/components/bridge/ethereum/L1Bridge.vue @@ -275,16 +275,15 @@ export default defineComponent({ isHandling.value = false; }; - // Watching the 'isApproved' prop - // When 'isApproved' changes and becomes true, stop loading animation watch( - () => props.isApproved, - async (newVal, oldVal) => { - if (newVal === true) { + [props], + () => { + if (props.isApproved) { props.setIsApproving(false); store.commit('general/setLoading', false, { root: true }); } - } + }, + { immediate: false } ); return { diff --git a/src/components/bridge/ethereum/L1History.vue b/src/components/bridge/ethereum/L1History.vue index 89ea18da1..9421a1a93 100644 --- a/src/components/bridge/ethereum/L1History.vue +++ b/src/components/bridge/ethereum/L1History.vue @@ -246,8 +246,8 @@ export default defineComponent({ return blockExplorerUrls[EVM.ETHEREUM_MAINNET] + txUrl; case EthBridgeNetworkName.Sepolia: return blockExplorerUrls[EVM.SEPOLIA_TESTNET] + txUrl; - case EthBridgeNetworkName.Zkatana: - return blockExplorerUrls[EVM.ZKATANA_TESTNET] + txUrl; + case EthBridgeNetworkName.Zkyoto: + return blockExplorerUrls[EVM.ZKYOTO_TESTNET] + txUrl; case EthBridgeNetworkName.AstarZk: return blockExplorerUrls[EVM.SEPOLIA_TESTNET] + txUrl; diff --git a/src/components/header/ClaimWarningBanner.vue b/src/components/header/ClaimWarningBanner.vue index 69c17c32c..0af607021 100644 --- a/src/components/header/ClaimWarningBanner.vue +++ b/src/components/header/ClaimWarningBanner.vue @@ -54,7 +54,7 @@ export default defineComponent({ padding: 4px 16px 8px 16px; } - // shibuya, zKatana, local + // shibuya, zkyoto, local background: linear-gradient(90deg, #6c6c6c 25%, #b7b7b7 100%); // astar native diff --git a/src/components/header/HeaderComp.vue b/src/components/header/HeaderComp.vue index deda345c5..79baa1bdc 100644 --- a/src/components/header/HeaderComp.vue +++ b/src/components/header/HeaderComp.vue @@ -51,7 +51,7 @@ export default defineComponent({ height: 6rem; } - // shibuya, zKatana, local + // shibuya, zkyoto, local border-image: linear-gradient(90deg, #6c6c6c 25%, #b7b7b7 100%); border-image-slice: 1; diff --git a/src/components/header/mobile/MobileNav.vue b/src/components/header/mobile/MobileNav.vue index dc8682af6..0c275a21f 100644 --- a/src/components/header/mobile/MobileNav.vue +++ b/src/components/header/mobile/MobileNav.vue @@ -38,7 +38,7 @@