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 @@
Shibuya EVM (L1)
- Astar zKatana
+ Astar zKyoto
@@ -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 @@