Hotfix: mismatch network error

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')"
   >

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"
     />

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>

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>