From 287e86f383b2bb9e7557aa84eaa492e3c7f7d7cb Mon Sep 17 00:00:00 2001
From: alter-eggo <anastas3993@gmail.com>
Date: Wed, 2 Aug 2023 16:44:03 +0400
Subject: [PATCH] fix: mismatch network error

---
 .../pages/vebal/cross-chain-boost/CheckpointGaugeModal.vue     | 3 +++
 .../pages/vebal/cross-chain-boost/SyncNetworkAction.vue        | 3 +++
 .../components/LockPreviewModal/components/LockActions.vue     | 3 ++-
 .../components/UnlockPreviewModal/components/UnlockActions.vue | 3 ++-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/contextual/pages/vebal/cross-chain-boost/CheckpointGaugeModal.vue b/src/components/contextual/pages/vebal/cross-chain-boost/CheckpointGaugeModal.vue
index c097ba9908..cb07b853aa 100644
--- a/src/components/contextual/pages/vebal/cross-chain-boost/CheckpointGaugeModal.vue
+++ b/src/components/contextual/pages/vebal/cross-chain-boost/CheckpointGaugeModal.vue
@@ -2,6 +2,7 @@
 import { usePoolStaking } from '@/providers/local/pool-staking.provider';
 import { useCrossChainSync } from '@/providers/cross-chain-sync.provider';
 import useTransactions from '@/composables/useTransactions';
+import useWeb3 from '@/services/web3/useWeb3';
 
 interface Props {
   isVisible?: boolean;
@@ -16,6 +17,7 @@ const emit = defineEmits(['close', 'success']);
 const { poolGauges } = usePoolStaking();
 const { triggerGaugeUpdate } = useCrossChainSync();
 const { addTransaction } = useTransactions();
+const { isMismatchedNetwork } = useWeb3();
 
 const showCloseBtn = ref(false);
 
@@ -59,6 +61,7 @@ const actions = [
 <template>
   <BalModal
     :show="isVisible"
+    :disabled="isMismatchedNetwork"
     title="Trigger pool gauge veBAL update"
     @close="emit('close')"
   >
diff --git a/src/components/contextual/pages/vebal/cross-chain-boost/SyncNetworkAction.vue b/src/components/contextual/pages/vebal/cross-chain-boost/SyncNetworkAction.vue
index 0ed7f8d015..90cdc10911 100644
--- a/src/components/contextual/pages/vebal/cross-chain-boost/SyncNetworkAction.vue
+++ b/src/components/contextual/pages/vebal/cross-chain-boost/SyncNetworkAction.vue
@@ -7,6 +7,7 @@ import { TransactionResponse } from '@ethersproject/abstract-provider';
 import { useCrossChainSync } from '@/providers/cross-chain-sync.provider';
 import useTransactions from '@/composables/useTransactions';
 import useEthers from '@/composables/useEthers';
+import useWeb3 from '@/services/web3/useWeb3';
 
 /**
  * TYPES
@@ -36,6 +37,7 @@ const {
   tempSyncingNetworks,
   setSyncTxHashes,
 } = useCrossChainSync();
+const { isMismatchedNetwork } = useWeb3();
 
 /**
  * STATE
@@ -171,6 +173,7 @@ const networkSyncSteps = computed(() => {
       :actions="networkSyncSteps"
       primaryActionType="sync"
       :spacerWidth="10"
+      :disabled="isMismatchedNetwork"
       @success="handleSuccess"
       @set-current-action-index="currentActionIndex = $event"
     />
diff --git a/src/components/forms/lock_actions/LockForm/components/LockPreviewModal/components/LockActions.vue b/src/components/forms/lock_actions/LockForm/components/LockPreviewModal/components/LockActions.vue
index 3cf923b09f..ec3c38b64f 100644
--- a/src/components/forms/lock_actions/LockForm/components/LockPreviewModal/components/LockActions.vue
+++ b/src/components/forms/lock_actions/LockForm/components/LockPreviewModal/components/LockActions.vue
@@ -73,7 +73,7 @@ const lockActionStates = reactive<LockActionState[]>(
  */
 const { t } = useI18n();
 const { networkConfig } = useConfig();
-const { getProvider, explorerLinks } = useWeb3();
+const { getProvider, explorerLinks, isMismatchedNetwork } = useWeb3();
 const { addTransaction } = useTransactions();
 const { txListener, getTxConfirmedAt } = useEthers();
 const { fNum } = useNumbers();
@@ -228,6 +228,7 @@ onBeforeMount(async () => {
       v-if="!lockActionStatesConfirmed"
       :actions="actions"
       :isLoading="isLoadingApprovals"
+      :disabled="isMismatchedNetwork"
       primaryActionType="extendLock"
     />
     <template v-else>
diff --git a/src/components/forms/lock_actions/UnlockForm/components/UnlockPreviewModal/components/UnlockActions.vue b/src/components/forms/lock_actions/UnlockForm/components/UnlockPreviewModal/components/UnlockActions.vue
index 7b34aabf25..39e844d0fd 100644
--- a/src/components/forms/lock_actions/UnlockForm/components/UnlockPreviewModal/components/UnlockActions.vue
+++ b/src/components/forms/lock_actions/UnlockForm/components/UnlockPreviewModal/components/UnlockActions.vue
@@ -57,7 +57,7 @@ const unlockActionState = reactive<UnlockActionState>({
  */
 const { t } = useI18n();
 const { networkConfig } = useConfig();
-const { getProvider, explorerLinks } = useWeb3();
+const { getProvider, explorerLinks, isMismatchedNetwork } = useWeb3();
 const { addTransaction } = useTransactions();
 const { txListener, getTxConfirmedAt } = useEthers();
 
@@ -131,6 +131,7 @@ async function submit() {
     <BalActionSteps
       v-if="!unlockActionState.confirmed"
       :actions="actions"
+      :disabled="isMismatchedNetwork"
       primaryActionType="unlock"
     />
     <template v-else>