From 6bfdb5d8f25897298a345328b169f2e7fb6f1aad Mon Sep 17 00:00:00 2001
From: Gareth Fuller <gareth.a.f@gmail.com>
Date: Mon, 4 Nov 2024 14:31:42 +0000
Subject: [PATCH] chore: Remove all dependency on old API (#5916)

* chore: Init

* chore: Add static lock pool data

* chore: Remove pool shares query

* chore: Remove portfolio from router

* fix: Typecheck

* fix: Imports
---
 .../BoostedPoolActivities/Activities.vue      |  74 ------
 .../InvestmentTransactions.vue                |  27 +--
 .../pages/pools/StakedPoolsTable.vue          | 229 ------------------
 .../pages/pools/UnstakedPoolsTable.vue        | 104 --------
 .../pages/vebal/MyVeBAL/MyVeBAL.vue           |   4 +-
 .../contextual/pages/vebal/MyVebalInfo.vue    |   2 +-
 .../forms/lock_actions/LockForm/LockForm.vue  |  13 +-
 .../lock_actions/UnlockForm/UnlockForm.vue    |  13 +-
 src/components/heros/PortfolioPageHero.vue    | 167 -------------
 .../queries/useUserPoolSharesQuery.spec.ts    |  17 --
 src/composables/useLock.ts                    | 125 ++++++++--
 src/constants/exploits.ts                     |   2 +-
 src/lib/config/arbitrum/index.ts              |   2 +-
 src/lib/config/avalanche/index.ts             |   2 +-
 src/lib/config/base/index.ts                  |   2 +-
 src/lib/config/fraxtal/index.ts               |   2 +-
 src/lib/config/gnosis-chain/index.ts          |   2 +-
 src/lib/config/mainnet/index.ts               |   2 +-
 src/lib/config/mainnet/keys.ts                |   2 +-
 src/lib/config/mode/index.ts                  |   2 +-
 src/lib/config/optimism/index.ts              |   2 +-
 src/lib/config/polygon/index.ts               |   2 +-
 src/lib/config/zkevm/index.ts                 |   2 +-
 src/pages/portfolio.vue                       |  46 ----
 src/plugins/router/index.ts                   |  12 +-
 src/providers/local/user-pools.provider.ts    | 103 +-------
 src/providers/user-data.provider.ts           |   5 +-
 tests/msw/rest-handlers.ts                    |   2 +-
 28 files changed, 151 insertions(+), 816 deletions(-)
 delete mode 100644 src/components/contextual/pages/pool/PoolTransactionsCard/BoostedPoolActivities/Activities.vue
 delete mode 100644 src/components/contextual/pages/pools/StakedPoolsTable.vue
 delete mode 100644 src/components/contextual/pages/pools/UnstakedPoolsTable.vue
 delete mode 100644 src/components/heros/PortfolioPageHero.vue
 delete mode 100644 src/composables/queries/useUserPoolSharesQuery.spec.ts
 delete mode 100644 src/pages/portfolio.vue

diff --git a/src/components/contextual/pages/pool/PoolTransactionsCard/BoostedPoolActivities/Activities.vue b/src/components/contextual/pages/pool/PoolTransactionsCard/BoostedPoolActivities/Activities.vue
deleted file mode 100644
index 01dcf8e1fa..0000000000
--- a/src/components/contextual/pages/pool/PoolTransactionsCard/BoostedPoolActivities/Activities.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<script setup lang="ts">
-import { flatten } from 'lodash';
-import { computed } from 'vue';
-
-import usePoolSwapsQuery from '@/composables/queries/usePoolSwapsQuery';
-import useUserPoolSwapsQuery from '@/composables/queries/useUserPoolSwapsQuery';
-import { Pool } from '@/services/pool/types';
-
-import { PoolTransactionsTab } from '../types';
-import Table from './Table.vue';
-
-/**
- * TYPES
- */
-type Props = {
-  pool: Pool;
-  loading: boolean;
-  poolActivityType: PoolTransactionsTab;
-};
-
-/**
- * PROPS
- */
-const props = withDefaults(defineProps<Props>(), {
-  loading: false,
-  poolActivityType: PoolTransactionsTab.ALL_ACTIVITY,
-});
-
-/**
- * QUERIES
- */
-
-const poolSwapsQuery =
-  props.poolActivityType === PoolTransactionsTab.ALL_ACTIVITY
-    ? usePoolSwapsQuery(props.pool.id)
-    : useUserPoolSwapsQuery(props.pool.id);
-
-/**
- * COMPUTED
- */
-const poolSwaps = computed(() =>
-  poolSwapsQuery.data.value
-    ? flatten(poolSwapsQuery.data.value.pages.map(page => page.poolSwaps))
-    : []
-);
-const isLoadingPoolSwaps = computed(() => poolSwapsQuery.isLoading.value);
-const poolSwapsHasNextPage = computed(() => poolSwapsQuery.hasNextPage?.value);
-const poolSwapsIsFetchingNextPage = computed(
-  () => poolSwapsQuery.isFetchingNextPage?.value
-);
-
-/**
- * METHODS
- */
-function loadMorePoolSwaps() {
-  poolSwapsQuery.fetchNextPage();
-}
-</script>
-
-<template>
-  <Table
-    :poolSwaps="poolSwaps"
-    :pool="pool"
-    :isLoading="loading || isLoadingPoolSwaps"
-    :isLoadingMore="poolSwapsIsFetchingNextPage"
-    :isPaginated="poolSwapsHasNextPage"
-    :noResultsLabel="
-      poolActivityType === PoolTransactionsTab.ALL_ACTIVITY
-        ? $t('poolTransactions.noResults.allTransactions')
-        : $t('poolTransactions.noResults.myTransactions')
-    "
-    @load-more="loadMorePoolSwaps"
-  />
-</template>
diff --git a/src/components/contextual/pages/pool/PoolTransactionsCard/InvestmentTransactions/InvestmentTransactions.vue b/src/components/contextual/pages/pool/PoolTransactionsCard/InvestmentTransactions/InvestmentTransactions.vue
index 35eefc3b4c..b0ece32208 100644
--- a/src/components/contextual/pages/pool/PoolTransactionsCard/InvestmentTransactions/InvestmentTransactions.vue
+++ b/src/components/contextual/pages/pool/PoolTransactionsCard/InvestmentTransactions/InvestmentTransactions.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import { usePoolHelpers } from '@/composables/usePoolHelpers';
 import { Pool } from '@/services/pool/types';
 
-import BoostedActivities from '../BoostedPoolActivities/Activities.vue';
+// import BoostedActivities from '../BoostedPoolActivities/Activities.vue';
 import Activities from '../PoolActivities/Activities.vue';
 import { PoolTransactionsTab } from '../types';
 import useWeb3 from '@/services/web3/useWeb3';
@@ -98,36 +98,19 @@ const title = computed((): string => {
         <BalTabs v-model="activeTab" :tabs="tabs" noPad class="-mb-px" />
       </div>
     </div>
-
-    <template v-if="isStablePhantomPool || isDeepPool">
-      <BoostedActivities
+    <div class="mb-20">
+      <Activities
         v-if="activeTab === PoolTransactionsTab.ALL_ACTIVITY"
         :poolActivityType="PoolTransactionsTab.ALL_ACTIVITY"
         :pool="pool"
         :loading="loading"
       />
-      <BoostedActivities
+      <Activities
         v-else-if="activeTab === PoolTransactionsTab.USER_ACTIVITY"
         :poolActivityType="PoolTransactionsTab.USER_ACTIVITY"
         :pool="pool"
         :loading="loading"
       />
-    </template>
-    <template v-else>
-      <div class="mb-20">
-        <Activities
-          v-if="activeTab === PoolTransactionsTab.ALL_ACTIVITY"
-          :poolActivityType="PoolTransactionsTab.ALL_ACTIVITY"
-          :pool="pool"
-          :loading="loading"
-        />
-        <Activities
-          v-else-if="activeTab === PoolTransactionsTab.USER_ACTIVITY"
-          :poolActivityType="PoolTransactionsTab.USER_ACTIVITY"
-          :pool="pool"
-          :loading="loading"
-        />
-      </div>
-    </template>
+    </div>
   </div>
 </template>
diff --git a/src/components/contextual/pages/pools/StakedPoolsTable.vue b/src/components/contextual/pages/pools/StakedPoolsTable.vue
deleted file mode 100644
index f299d76369..0000000000
--- a/src/components/contextual/pages/pools/StakedPoolsTable.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import PoolsTable from '@/components/tables/PoolsTable/PoolsTable.vue';
-import { isPoolBoostsEnabled } from '@/composables/useNetwork';
-import { configService } from '@/services/config/config.service';
-import useWeb3 from '@/services/web3/useWeb3';
-import { useUserStaking } from '@/providers/local/user-staking.provider';
-import { Pool } from '@/services/pool/types';
-import { useUserPools } from '@/providers/local/user-pools.provider';
-import StakePreviewModal from '../pool/staking/StakePreviewModal.vue';
-import ProceedToSyncModal from '@/components/contextual/pages/vebal/cross-chain-boost/ProceedToSyncModal.vue';
-import { providePoolStaking } from '@/providers/local/pool-staking.provider';
-
-import PortfolioSyncTip from '../vebal/cross-chain-boost/PortfolioSyncTip.vue';
-import { useCrossChainSync } from '@/providers/cross-chain-sync.provider';
-
-import CheckpointGaugeModal from '../vebal/cross-chain-boost/CheckpointGaugeModal.vue';
-import CheckpointAllGaugesModal from '../vebal/cross-chain-boost/CheckpointAllGaugesModal.vue';
-import { PoolAction } from './types';
-import { isVeBalSupported } from '@/composables/useVeBAL';
-/**
- * STATE
- */
-const showUnstakeModal = ref(false);
-const poolToUnstake = ref<Pool | undefined>();
-
-const showRestakeModal = ref(false);
-const poolToRestake = ref<Pool | undefined>();
-
-const showProceedModal = ref(false);
-const defaultPoolActions = [
-  PoolAction.Unstake,
-  PoolAction.Add,
-  PoolAction.Vote,
-];
-
-const showPokeAllGaugesModal = ref(false);
-
-const poolToCheckpoint = ref<Pool | undefined>();
-const showCheckpointModal = ref(false);
-
-/**
- * PROVIDERS
- */
-providePoolStaking();
-
-/**
- * COMPOSABLES
- */
-const {
-  stakedPools,
-  poolBoostsMap,
-  stakedShares,
-  isLoading,
-  hasNonPrefGaugesPoolsAddresses,
-  userGaugeShares,
-} = useUserStaking();
-const { shouldPokeGauge } = useCrossChainSync();
-
-const { refetchAllUserPools } = useUserPools();
-const { isWalletReady, isWalletConnecting } = useWeb3();
-const { t } = useI18n();
-const networkName = configService.network.shortName;
-
-/**
- * COMPUTED
- */
-const noPoolsLabel = computed(() => {
-  return isWalletReady.value || isWalletConnecting.value
-    ? t('noStakedInvestments', [networkName])
-    : t('connectYourWallet');
-});
-
-const hiddenColumns = computed(() => {
-  const _hiddenColumns = ['poolVolume', 'migrate', 'lockEndDate', 'volume'];
-  if (!isPoolBoostsEnabled.value) _hiddenColumns.push('myBoost');
-
-  return _hiddenColumns;
-});
-
-const poolsToRenderKey = computed(() => JSON.stringify(stakedPools.value));
-
-/**
- * METHODS
- */
-function handleUnstake(pool: Pool) {
-  showUnstakeModal.value = true;
-  poolToUnstake.value = pool;
-}
-
-function handleRestake(pool: Pool) {
-  showRestakeModal.value = true;
-  poolToRestake.value = pool;
-}
-
-function handleModalClose() {
-  refetchAllUserPools();
-  showUnstakeModal.value = false;
-  showRestakeModal.value = false;
-}
-
-function handleCheckpoint(pool: Pool) {
-  showCheckpointModal.value = true;
-  poolToCheckpoint.value = pool;
-}
-
-async function handleUnstakeSuccess() {
-  await refetchAllUserPools();
-}
-
-// map of pool ids and pref gauges that should be poked
-const shouldPokePoolsMap = ref<Record<string, string>>({});
-
-function removePoolFromPokeMap(poolAddress: string) {
-  Reflect.deleteProperty(shouldPokePoolsMap.value, poolAddress);
-}
-
-function resetShouldPokePoolsMap() {
-  shouldPokePoolsMap.value = {};
-}
-
-function onSuccessCheckpoint(poolAddress: string) {
-  showCheckpointModal.value = false;
-  poolToCheckpoint.value = undefined;
-  removePoolFromPokeMap(poolAddress);
-}
-
-watch(
-  () => userGaugeShares.value,
-  async val => {
-    if (!val || isVeBalSupported.value) return;
-    console.log('userGaugeShares', val);
-    for (const gauge of val) {
-      try {
-        const id = gauge?.gauge.id;
-
-        if (!id) {
-          throw new Error('No gauge id');
-        }
-
-        const shouldPoke = await shouldPokeGauge(id);
-        if (shouldPoke) {
-          shouldPokePoolsMap.value[gauge.gauge.poolAddress] = id;
-        }
-      } catch (e) {
-        console.log(e);
-      }
-    }
-  },
-  { immediate: true, deep: true }
-);
-</script>
-
-<template>
-  <div>
-    <BalStack vertical spacing="sm">
-      <h5 class="px-4 xl:px-0">
-        {{ $t('staking.stakedPools') }}
-      </h5>
-      <PortfolioSyncTip
-        :shouldPokePoolsMap="shouldPokePoolsMap"
-        @show-proceed-modal="showProceedModal = true"
-        @show-poke-all-gauge-modal="showPokeAllGaugesModal = true"
-      />
-      <PoolsTable
-        :key="poolsToRenderKey"
-        :data="stakedPools"
-        :shares="stakedShares"
-        :boosts="poolBoostsMap"
-        poolsType="staked"
-        :noPoolsLabel="noPoolsLabel"
-        :hiddenColumns="hiddenColumns"
-        sortColumn="myBalance"
-        :isLoading="isWalletReady && isLoading"
-        showPoolShares
-        showActions
-        showStakeActions
-        :showBoost="isPoolBoostsEnabled"
-        :defaultPoolActions="defaultPoolActions"
-        :shouldPokePoolsMap="shouldPokePoolsMap"
-        :hasNonPrefGaugesPoolsAddresses="hasNonPrefGaugesPoolsAddresses"
-        @trigger-unstake="handleUnstake"
-        @trigger-restake="handleRestake"
-        @trigger-vote="showProceedModal = true"
-        @trigger-checkpoint="handleCheckpoint"
-      />
-    </BalStack>
-
-    <!-- Unstake modal -->
-    <StakePreviewModal
-      v-if="poolToUnstake"
-      :pool="poolToUnstake"
-      :isVisible="showUnstakeModal"
-      action="unstake"
-      @close="handleModalClose"
-      @success="handleUnstakeSuccess"
-    />
-
-    <!-- Restake modal -->
-    <StakePreviewModal
-      v-if="poolToRestake"
-      :pool="poolToRestake"
-      :isVisible="showRestakeModal"
-      action="restake"
-      @close="handleModalClose"
-      @success="handleUnstakeSuccess"
-    />
-
-    <ProceedToSyncModal
-      :isVisible="showProceedModal"
-      @close="showProceedModal = false"
-    />
-
-    <CheckpointAllGaugesModal
-      :shouldPokePoolsMap="shouldPokePoolsMap"
-      :isVisible="showPokeAllGaugesModal"
-      @close="showPokeAllGaugesModal = false"
-      @success="resetShouldPokePoolsMap"
-    />
-
-    <CheckpointGaugeModal
-      v-if="poolToCheckpoint"
-      :poolAddress="poolToCheckpoint.address"
-      :isVisible="showCheckpointModal"
-      @close="showCheckpointModal = false"
-      @success="onSuccessCheckpoint"
-    />
-  </div>
-</template>
diff --git a/src/components/contextual/pages/pools/UnstakedPoolsTable.vue b/src/components/contextual/pages/pools/UnstakedPoolsTable.vue
deleted file mode 100644
index 0086f35699..0000000000
--- a/src/components/contextual/pages/pools/UnstakedPoolsTable.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import PoolsTable from '@/components/tables/PoolsTable/PoolsTable.vue';
-import { configService } from '@/services/config/config.service';
-import { Pool } from '@/services/pool/types';
-import useWeb3 from '@/services/web3/useWeb3';
-import { useUserPools } from '@/providers/local/user-pools.provider';
-import StakePreviewModal from '@/components/contextual/pages/pool/staking/StakePreviewModal.vue';
-import { providePoolStaking } from '@/providers/local/pool-staking.provider';
-import { PoolAction } from './types';
-
-/**
- * STATE
- */
-const showStakeModal = ref(false);
-const stakePool = ref<Pool | undefined>();
-const networkName = configService.network.shortName;
-const hiddenColumns = ['poolVolume', 'migrate', 'lockEndDate', 'volume'];
-
-/**
- * PROVIDERS
- */
-providePoolStaking();
-
-/**
- * COMPOSABLES
- */
-const { isWalletReady, isWalletConnecting } = useWeb3();
-const { t } = useI18n();
-const {
-  unstakedPools,
-  userPoolShares,
-  refetchAllUserPools,
-  isLoading: isLoadingPools,
-} = useUserPools();
-const defaultPoolActions = [
-  PoolAction.Stake,
-  PoolAction.Add,
-  PoolAction.Remove,
-];
-
-/**
- * COMPUTED
- */
-const noPoolsLabel = computed(() => {
-  return isWalletReady.value || isWalletConnecting.value
-    ? t('noUnstakedInvestments', [networkName])
-    : t('connectYourWallet');
-});
-
-const poolsToRenderKey = computed(() => JSON.stringify(unstakedPools.value));
-
-/**
- * METHODS
- */
-function handleStake(pool: Pool) {
-  showStakeModal.value = true;
-  stakePool.value = pool;
-}
-
-function handleModalClose() {
-  refetchAllUserPools();
-  showStakeModal.value = false;
-}
-
-async function handleStakeSuccess() {
-  await refetchAllUserPools();
-}
-
-onMounted(() => {
-  refetchAllUserPools();
-});
-</script>
-
-<template>
-  <div>
-    <BalStack vertical spacing="sm">
-      <h5 class="px-4 xl:px-0">
-        {{ $t('staking.unstakedPools') }}
-      </h5>
-      <PoolsTable
-        :key="poolsToRenderKey"
-        :isLoading="isWalletReady && isLoadingPools"
-        :data="unstakedPools"
-        :shares="userPoolShares"
-        :noPoolsLabel="noPoolsLabel"
-        sortColumn="myBalance"
-        :hiddenColumns="hiddenColumns"
-        :defaultPoolActions="defaultPoolActions"
-        showPoolShares
-        showActions
-        @trigger-stake="handleStake"
-      />
-    </BalStack>
-    <StakePreviewModal
-      v-if="stakePool"
-      :pool="stakePool"
-      :isVisible="showStakeModal"
-      action="stake"
-      @close="handleModalClose"
-      @success="handleStakeSuccess"
-    />
-  </div>
-</template>
diff --git a/src/components/contextual/pages/vebal/MyVeBAL/MyVeBAL.vue b/src/components/contextual/pages/vebal/MyVeBAL/MyVeBAL.vue
index cd77428492..e18943df20 100644
--- a/src/components/contextual/pages/vebal/MyVeBAL/MyVeBAL.vue
+++ b/src/components/contextual/pages/vebal/MyVeBAL/MyVeBAL.vue
@@ -21,9 +21,7 @@ const {
  * COMPUTED
  */
 
-const isLoading = computed(
-  () => isLoadingLockPool.value || isLoadingLockInfo.value
-);
+const isLoading = computed(() => isLoadingLockPool || isLoadingLockInfo.value);
 </script>
 
 <template>
diff --git a/src/components/contextual/pages/vebal/MyVebalInfo.vue b/src/components/contextual/pages/vebal/MyVebalInfo.vue
index 1cb4f9db7e..15bfd9e074 100644
--- a/src/components/contextual/pages/vebal/MyVebalInfo.vue
+++ b/src/components/contextual/pages/vebal/MyVebalInfo.vue
@@ -58,7 +58,7 @@ const isLoadingData = computed(() => {
     isLoadingLockBoard.value ||
     isLoading.value ||
     isLoadingLockInfo.value ||
-    isLoadingLockPool.value ||
+    isLoadingLockPool ||
     isLoadingVebalBalance.value
   );
 });
diff --git a/src/components/forms/lock_actions/LockForm/LockForm.vue b/src/components/forms/lock_actions/LockForm/LockForm.vue
index cbc940d4a5..2573b04489 100644
--- a/src/components/forms/lock_actions/LockForm/LockForm.vue
+++ b/src/components/forms/lock_actions/LockForm/LockForm.vue
@@ -2,11 +2,9 @@
 import { computed } from 'vue';
 
 import Col3Layout from '@/components/layouts/Col3Layout.vue';
-import usePoolQuery from '@/composables/queries/usePoolQuery';
 import useVeBalLockInfoQuery from '@/composables/queries/useVeBalLockInfoQuery';
 import useBreakpoints from '@/composables/useBreakpoints';
 import { useTokens } from '@/providers/tokens.provider';
-import useVeBal from '@/composables/useVeBAL';
 import { Pool } from '@/services/pool/types';
 import useWeb3 from '@/services/web3/useWeb3';
 
@@ -14,31 +12,30 @@ import HowToLock from './components/HowToLock.vue';
 import LockableTokens from './components/LockableTokens.vue';
 import MyVeBAL from './components/MyVeBAL.vue';
 import VeBalForm from './components/VeBalForm/VeBalForm.vue';
+import { staticLockPool } from '@/composables/useLock';
 
 /**
  * COMPOSABLES
  */
 const { getToken } = useTokens();
 const { isWalletReady } = useWeb3();
-const { lockablePoolId } = useVeBal();
+// const { lockablePoolId } = useVeBal();
 const { isDesktop, isMobile } = useBreakpoints();
 
 /**
  * QUERIES
  */
-const lockablePoolQuery = usePoolQuery(lockablePoolId.value as string);
+// const lockablePoolQuery = usePoolQuery(lockablePoolId.value as string);
 const veBalLockInfoQuery = useVeBalLockInfoQuery();
 
 /**
  * COMPUTED
  */
-const lockablePoolLoading = computed(() => lockablePoolQuery.isLoading.value);
+const lockablePoolLoading = computed(() => false);
 
 const veBalQueryLoading = computed(() => veBalLockInfoQuery.isLoading.value);
 
-const lockablePool = computed<Pool | undefined>(
-  () => lockablePoolQuery.data.value
-);
+const lockablePool = computed<Pool | undefined>(() => staticLockPool);
 
 const lockablePoolTokenInfo = computed(() =>
   lockablePool.value != null ? getToken(lockablePool.value.address) : null
diff --git a/src/components/forms/lock_actions/UnlockForm/UnlockForm.vue b/src/components/forms/lock_actions/UnlockForm/UnlockForm.vue
index 2a4d9d3b08..b59ff48229 100644
--- a/src/components/forms/lock_actions/UnlockForm/UnlockForm.vue
+++ b/src/components/forms/lock_actions/UnlockForm/UnlockForm.vue
@@ -2,39 +2,36 @@
 import { computed } from 'vue';
 
 import Col3Layout from '@/components/layouts/Col3Layout.vue';
-import usePoolQuery from '@/composables/queries/usePoolQuery';
 import useVeBalLockInfoQuery from '@/composables/queries/useVeBalLockInfoQuery';
 import { useTokens } from '@/providers/tokens.provider';
-import useVeBal from '@/composables/useVeBAL';
 import { Pool } from '@/services/pool/types';
 import useWeb3 from '@/services/web3/useWeb3';
 
 import MyVeBAL from '../LockForm/components/MyVeBAL.vue';
 import VeBalUnlockForm from './components/VeBalUnlockForm/VeBalUnlockForm.vue';
+import { staticLockPool } from '@/composables/useLock';
 
 /**
  * COMPOSABLES
  */
 const { getToken } = useTokens();
 const { isWalletReady } = useWeb3();
-const { lockablePoolId } = useVeBal();
+// const { lockablePoolId } = useVeBal();
 
 /**
  * QUERIES
  */
-const lockablePoolQuery = usePoolQuery(lockablePoolId.value as string);
+// const lockablePoolQuery = usePoolQuery(lockablePoolId.value as string);
 const veBalLockInfoQuery = useVeBalLockInfoQuery();
 
 /**
  * COMPUTED
  */
-const lockablePoolLoading = computed(() => lockablePoolQuery.isLoading.value);
+const lockablePoolLoading = computed(() => false);
 
 const veBalQueryLoading = computed(() => veBalLockInfoQuery.isLoading.value);
 
-const lockablePool = computed<Pool | undefined>(
-  () => lockablePoolQuery.data.value
-);
+const lockablePool = computed<Pool | undefined>(() => staticLockPool);
 
 const lockablePoolTokenInfo = computed(() =>
   lockablePool.value != null ? getToken(lockablePool.value.address) : null
diff --git a/src/components/heros/PortfolioPageHero.vue b/src/components/heros/PortfolioPageHero.vue
deleted file mode 100644
index 39bac42941..0000000000
--- a/src/components/heros/PortfolioPageHero.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import AppHero from '@/components/heros/AppHero.vue';
-import { useLock } from '@/composables/useLock';
-import useNetwork from '@/composables/useNetwork';
-import useNumbers, { FNumFormats } from '@/composables/useNumbers';
-import useWeb3 from '@/services/web3/useWeb3';
-
-import HeroConnectWalletButton from './HeroConnectWalletButton.vue';
-import { useUserPools } from '@/providers/local/user-pools.provider';
-import { isVeBalSupported } from '@/composables/useVeBAL';
-import ProceedToSyncModal from '../contextual/pages/vebal/cross-chain-boost/ProceedToSyncModal.vue';
-import configs from '@/lib/config';
-import { Network } from '@/lib/config/types';
-import {
-  useCrossChainSync,
-  veBalSyncSupportedNetworks,
-} from '@/providers/cross-chain-sync.provider';
-import { NetworkSyncState } from '@/providers/cross-chain-sync.provider';
-
-/**
- * COMPOSABLES
- */
-const showProceedModal = ref(false);
-const { fNum } = useNumbers();
-const { isWalletReady, isWalletConnecting } = useWeb3();
-const { totalFiatValue, isLoading: isLoadingPools } = useUserPools();
-const { totalLockedValue } = useLock();
-const { networkId } = useNetwork();
-const {
-  l2VeBalBalances,
-  isLoading: isLoadingSyncState,
-  networksSyncState,
-} = useCrossChainSync();
-/**
- * COMPUTED
- */
-const classes = computed(() => ({
-  ['h-48']: !isWalletReady.value && !isWalletConnecting.value,
-  ['h-44']: isWalletReady.value || isWalletConnecting.value,
-}));
-
-const totalInvestedLabel = computed((): string =>
-  fNum(totalFiatValue.value, FNumFormats.fiat)
-);
-
-const totalVeBalLabel = computed((): string =>
-  fNum(totalLockedValue.value, FNumFormats.fiat)
-);
-
-const isLoadingTotalValue = computed((): boolean => isLoadingPools.value);
-
-const showVeBalBalanceTooltip = computed(() => {
-  if (!veBalSyncSupportedNetworks.includes(networkId.value)) {
-    return false;
-  }
-
-  if (networksSyncState.value[networkId.value] === NetworkSyncState.Synced) {
-    return false;
-  }
-
-  return true;
-});
-
-const veBalBalanceTooltip = computed(() => {
-  return `Sync your veBAL balance from Ethereum Mainnet (L1) to ${
-    configs[networkId.value].chainName
-  } to get your max staking boost. Sync via the veBAL page on L1. Note: If you have just synced on L1, it may take up to an hour to display here.`;
-});
-</script>
-
-<template>
-  <AppHero :class="classes">
-    <h1
-      class="mb-2 font-body text-base font-medium text-white opacity-90"
-      v-text="$t('myBalancerBalance')"
-    />
-
-    <template v-if="isWalletReady || isWalletConnecting">
-      <BalLoadingBlock
-        v-if="isLoadingTotalValue"
-        class="mx-auto w-40 h-10"
-        white
-      />
-      <div v-else class="mb-1 text-3xl font-semibold text-white">
-        {{ totalInvestedLabel }}
-      </div>
-      <div v-if="!isVeBalSupported" class="inline-block relative mt-2">
-        <BalLoadingBlock
-          v-if="isLoadingTotalValue || isLoadingSyncState"
-          class="mx-auto w-40 h-8"
-          white
-        />
-        <div
-          v-else
-          class="group flex items-center px-3 h-8 text-sm font-medium text-yellow-500 hover:text-white focus:text-white rounded-tr rounded-bl border border-yellow-500 transition-colors cursor-pointer vebal-banner"
-          @click="showProceedModal = true"
-        >
-          <span
-            v-if="
-              networkId !== Network.MAINNET &&
-              Number(l2VeBalBalances?.[networkId]) > 0
-            "
-          >
-            {{ l2VeBalBalances?.[networkId] }}
-            {{ $t('veBAL.hero.tokens.veBAL') }}
-          </span>
-          <span v-else-if="totalLockedValue === '0'"
-            >{{ totalLockedValue }} {{ $t('veBAL.hero.tokens.veBAL') }}</span
-          >
-          <span v-else>{{ $t('inclXInVeBal', [totalVeBalLabel]) }}</span>
-
-          <BalTooltip
-            v-if="showVeBalBalanceTooltip"
-            :text="veBalBalanceTooltip"
-          >
-            <template #activator>
-              <img
-                src="/src/assets/images/icons/frame-loading.svg"
-                alt=""
-                class="rounded-full"
-              />
-            </template>
-          </BalTooltip>
-        </div>
-      </div>
-    </template>
-    <template v-else>
-      <div class="text-3xl font-semibold text-white">
-        {{ fNum('0', FNumFormats.fiat) }}
-      </div>
-      <HeroConnectWalletButton class="mt-4" />
-    </template>
-
-    <ProceedToSyncModal
-      :isVisible="showProceedModal"
-      @close="showProceedModal = false"
-    />
-  </AppHero>
-</template>
-
-<style>
-.vebal-banner::before {
-  @apply border border-yellow-500;
-
-  content: '';
-  width: 16px;
-  height: 6px;
-  left: 0;
-  top: -5px;
-  position: absolute;
-  border-top-left-radius: 8px;
-}
-
-.vebal-banner::after {
-  @apply border border-yellow-500;
-
-  content: '';
-  width: 16px;
-  height: 6px;
-  bottom: -5px;
-  right: 0;
-  position: absolute;
-  border-bottom-right-radius: 8px;
-}
-</style>
diff --git a/src/composables/queries/useUserPoolSharesQuery.spec.ts b/src/composables/queries/useUserPoolSharesQuery.spec.ts
deleted file mode 100644
index 19eb5eebd7..0000000000
--- a/src/composables/queries/useUserPoolSharesQuery.spec.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import useUserPoolSharesQuery from '@/composables/queries/useUserPoolSharesQuery';
-import { initDependenciesWithDefaultMocks } from '@/dependencies/default-mocks';
-import { mountComposable, waitForQueryData } from '@tests/mount-helpers';
-import { defaultPoolBalance } from '@tests/msw/graphql-handlers';
-
-initDependenciesWithDefaultMocks();
-
-test.skip('Returns pool shares for the current user', async () => {
-  const { result } = mountComposable(() => useUserPoolSharesQuery());
-
-  const data = await waitForQueryData(result);
-
-  expect(data).toEqual({
-    '0xe053685f16968a350c8dea6420281a41f72ce3aa00020000000000000000006b':
-      defaultPoolBalance,
-  });
-});
diff --git a/src/composables/useLock.ts b/src/composables/useLock.ts
index 688d4e178e..1b18c65b42 100644
--- a/src/composables/useLock.ts
+++ b/src/composables/useLock.ts
@@ -1,49 +1,138 @@
-import { Pool } from '@/services/pool/types';
+import { Pool, PoolType } from '@/services/pool/types';
 import { TokenInfo } from '@/types/TokenList';
 
 import { useTokens } from '@/providers/tokens.provider';
 import { useUserData } from '@/providers/user-data.provider';
-import usePoolQuery from './queries/usePoolQuery';
 import { fiatValueOf } from './usePoolHelpers';
-import useVeBal, { isVeBalSupported } from './useVeBAL';
 import { bnum } from '@/lib/utils';
 
+export const staticLockPool: Pool = {
+  id: '0x5c6ee304399dbdb9c8ef030ab642b10820db8f56000200000000000000000014',
+  name: 'Balancer 80 BAL 20 WETH',
+  address: '0x5c6ee304399dbdb9c8ef030ab642b10820db8f56',
+  chainId: 1,
+  poolType: PoolType.Weighted,
+  poolTypeVersion: 1,
+  swapFee: '0.005',
+  swapEnabled: true,
+  protocolYieldFeeCache: '0.5',
+  protocolSwapFeeCache: '0.5',
+  owner: '0xba1ba1ba1ba1ba1ba1ba1ba1ba1ba1ba1ba1ba1b',
+  factory: '0xa5bf2ddf098bb0ef6d120c98217dd6b141c74ee0',
+  symbol: 'B-80BAL-20WETH',
+  tokens: [
+    {
+      address: '0xba100000625a3754423978a60c9317c58a424e3d',
+      balance: '19385573.977733216984154245',
+      decimals: 18,
+      isExemptFromYieldProtocolFee: false,
+      priceRate: '1',
+      symbol: 'BAL',
+      token: {
+        pool: null,
+        latestUSDPrice: '3.020051763151765590907891699486145',
+      },
+      weight: '0.8',
+    },
+    {
+      address: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+      balance: '3708.004332746461130832',
+      decimals: 18,
+      isExemptFromYieldProtocolFee: false,
+      priceRate: '1',
+      symbol: 'WETH',
+      token: {
+        pool: null,
+        latestUSDPrice: '2544.423752510128812336112279381925',
+      },
+      weight: '0.2',
+    },
+  ],
+  tokensList: [
+    '0xba100000625a3754423978a60c9317c58a424e3d',
+    '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+  ],
+  tokenAddresses: [
+    '0xba100000625a3754423978a60c9317c58a424e3d',
+    '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+  ],
+  totalLiquidity: '67980171.169812751723110183',
+  totalShares: '6792743.266911456277523322',
+  totalSwapFee: '6173259.879907230383616330051651873',
+  totalSwapVolume: '1398500114.898508628102297818442082',
+  priceRateProviders: [],
+  createTime: 1620153071,
+  totalWeight: '1',
+  lowerTarget: '0',
+  upperTarget: '0',
+  isInRecoveryMode: false,
+  isPaused: false,
+  isNew: false,
+  onchain: {
+    tokens: {
+      '0xba100000625a3754423978a60c9317c58a424e3d': {
+        decimals: 18,
+        balance: '19385573.977733216984154245',
+        weight: 0.8,
+        symbol: 'BAL',
+        name: 'Balancer',
+        logoURI:
+          'https://raw.githubusercontent.com/balancer/tokenlists/main/src/assets/images/tokens/0xba100000625a3754423978a60c9317c58a424e3d.png',
+      },
+      '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2': {
+        decimals: 18,
+        balance: '3708.004332746461130832',
+        weight: 0.2,
+        symbol: 'WETH',
+        name: 'Wrapped Ether',
+        logoURI:
+          'https://raw.githubusercontent.com/balancer/tokenlists/main/src/assets/images/tokens/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2.png',
+      },
+    },
+    amp: '0',
+    swapEnabled: true,
+    totalSupply: '6792743.266911456277523322',
+    decimals: 18,
+    swapFee: '0.005',
+  },
+  feesSnapshot: '866.901337693887527854586071982',
+  volumeSnapshot: '333819.702829775009564326720188',
+};
+
 interface Options {
   enabled?: boolean;
 }
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function useLock({ enabled = true }: Options = {}) {
   /**
    * COMPOSABLES
    */
-  const { lockablePoolId } = useVeBal();
+  // const { lockablePoolId } = useVeBal();
   const { getToken, balanceFor } = useTokens();
 
   /**
    * QUERIES
    */
-  const shouldFetchLockPool = computed(
-    (): boolean => isVeBalSupported.value && enabled
-  );
-  const lockPoolQuery = usePoolQuery(
-    lockablePoolId.value as string,
-    shouldFetchLockPool
-  );
+  // const shouldFetchLockPool = computed(
+  //   (): boolean => isVeBalSupported.value && enabled
+  // );
+  // const lockPoolQuery = usePoolQuery(
+  //   lockablePoolId.value as string,
+  //   shouldFetchLockPool
+  // );
   const { lockQuery } = useUserData();
 
   /**
    * COMPUTED
    */
-  const isLoadingLockPool = computed(
-    (): boolean => lockPoolQuery.isLoading.value
-  );
+  const isLoadingLockPool = false;
 
   const isLoadingLockInfo = computed((): boolean => lockQuery.isLoading.value);
 
-  const isLoadingLock = computed(
-    (): boolean => isLoadingLockPool.value || isLoadingLockInfo.value
-  );
+  const isLoadingLock = computed((): boolean => isLoadingLockInfo.value);
 
-  const lockPool = computed<Pool | undefined>(() => lockPoolQuery.data.value);
+  const lockPool = computed<Pool | undefined>(() => staticLockPool);
+  console.log('lockPool', lockPool.value);
 
   const lockPoolToken = computed((): TokenInfo | null =>
     lockPool.value != null ? getToken(lockPool.value.address) : null
diff --git a/src/constants/exploits.ts b/src/constants/exploits.ts
index 03593a6815..e0b45c1271 100644
--- a/src/constants/exploits.ts
+++ b/src/constants/exploits.ts
@@ -8,7 +8,7 @@ export type Exploits = Record<
   }
 >;
 
-export const WALLET_SCREEN_ENDPOINT = 'https://api.balancer.fi/check-wallet';
+export const WALLET_SCREEN_ENDPOINT = 'https://xxx.balancer.fi/check-wallet';
 
 export const ACTIVE_EXPLOITS: Exploits = {
   sorbet_finance: {
diff --git a/src/lib/config/arbitrum/index.ts b/src/lib/config/arbitrum/index.ts
index 5e0316cfd9..3f03e25ec0 100644
--- a/src/lib/config/arbitrum/index.ts
+++ b/src/lib/config/arbitrum/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorer: 'https://arbiscan.io',
   explorerName: 'Arbiscan',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/98cQDy6tufTJtshDCuhh9z2kWXsQWBHVh2bqnLHsGAeS`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/avalanche/index.ts b/src/lib/config/avalanche/index.ts
index 3cdd76a0cb..423fbc8331 100644
--- a/src/lib/config/avalanche/index.ts
+++ b/src/lib/config/avalanche/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorer: 'https://snowtrace.io',
   explorerName: 'Snowtrace',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/7asfmtQA1KYu6CP7YVm5kv4bGxVyfAHEiptt2HMFgkHu`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/base/index.ts b/src/lib/config/base/index.ts
index 4b8879f34c..869b30a8fa 100644
--- a/src/lib/config/base/index.ts
+++ b/src/lib/config/base/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorer: 'https://basescan.org',
   explorerName: 'BaseScan',
   subgraph: `https://gateway.thegraph.com/api/${keys.graph}/subgraphs/id/E7XyutxXVLrp8njmjF16Hh38PCJuHm12RRyMt5ma4ctX`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/fraxtal/index.ts b/src/lib/config/fraxtal/index.ts
index 4b2d38dd69..d79f6e4514 100644
--- a/src/lib/config/fraxtal/index.ts
+++ b/src/lib/config/fraxtal/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorerName: 'The Fraxtal Explorer',
   subgraph:
     'https://api.goldsky.com/api/public/project_clwhu1vopoigi01wmbn514m1z/subgraphs/balancer-fraxtal-v2/latest/gn',
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/gnosis-chain/index.ts b/src/lib/config/gnosis-chain/index.ts
index 63ad50ed95..d289a20b7a 100644
--- a/src/lib/config/gnosis-chain/index.ts
+++ b/src/lib/config/gnosis-chain/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   publicRpc: 'https://rpc.gnosis.gateway.fm',
   explorer: 'https://gnosisscan.io',
   explorerName: 'Gnosisscan',
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/EJezH1Cp31QkKPaBDerhVPRWsKVZLrDfzjrLqpmv6cGg`,
   poolsUrlV2: '',
   subgraphs: {
diff --git a/src/lib/config/mainnet/index.ts b/src/lib/config/mainnet/index.ts
index 4c2cb56165..070d56e905 100644
--- a/src/lib/config/mainnet/index.ts
+++ b/src/lib/config/mainnet/index.ts
@@ -25,7 +25,7 @@ const config: Config = {
   explorer: 'https://etherscan.io',
   explorerName: 'Etherscan',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/C4ayEZP2yTXRAB8vSaTrgN4m9anTe9Mdm2ViyiAuV9TV`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2:
     'https://storageapi.fleek.co/johngrantuk-team-bucket/poolsV2.json',
   subgraphs: {
diff --git a/src/lib/config/mainnet/keys.ts b/src/lib/config/mainnet/keys.ts
index 1385da2c5d..e941fd0583 100644
--- a/src/lib/config/mainnet/keys.ts
+++ b/src/lib/config/mainnet/keys.ts
@@ -3,7 +3,7 @@ import { Keys } from '../types';
 const keys: Keys = {
   infura: 'daaa68ec242643719749dd1caba2fc66',
   alchemy: '',
-  graph: 'a84caa9e5c322a2faec24ad89ccb9d28',
+  graph: '91429265f2a0b1852cd6665ce5fa6a3e',
   balancerApi: 'da2-7a3ukmnw7bexndpx5x522uafui',
 };
 
diff --git a/src/lib/config/mode/index.ts b/src/lib/config/mode/index.ts
index c181db31a0..3750e822c4 100644
--- a/src/lib/config/mode/index.ts
+++ b/src/lib/config/mode/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorerName: 'The Mode Explorer',
   subgraph:
     'https://api.studio.thegraph.com/query/75376/balancer-mode-v2/version/latest',
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/optimism/index.ts b/src/lib/config/optimism/index.ts
index a9d213fc88..6da2067666 100644
--- a/src/lib/config/optimism/index.ts
+++ b/src/lib/config/optimism/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorer: 'https://optimistic.etherscan.io/',
   explorerName: 'The Optimism Explorer',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/FsmdxmvBJLGjUQPxKMRtcWKzuCNpomKuMTbSbtRtggZ7`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/polygon/index.ts b/src/lib/config/polygon/index.ts
index 07b3cc6c43..7699a60737 100644
--- a/src/lib/config/polygon/index.ts
+++ b/src/lib/config/polygon/index.ts
@@ -27,7 +27,7 @@ const config: Config = {
   explorer: 'https://polygonscan.com',
   explorerName: 'Polygonscan',
   subgraph: `https://gateway-arbitrum.network.thegraph.com/api/${keys.graph}/subgraphs/id/H9oPAbXnobBRq1cB3HDmbZ1E8MWQyJYQjT1QDJMrdbNp`,
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/lib/config/zkevm/index.ts b/src/lib/config/zkevm/index.ts
index 8b2f8051a9..88ebe8b085 100644
--- a/src/lib/config/zkevm/index.ts
+++ b/src/lib/config/zkevm/index.ts
@@ -28,7 +28,7 @@ const config: Config = {
   explorerName: 'Polygonscan',
   subgraph:
     'https://api.studio.thegraph.com/query/24660/balancer-polygon-zk-v2/version/latest',
-  balancerApi: 'https://api.balancer.fi',
+  balancerApi: 'https://xxx.balancer.fi',
   poolsUrlV2: '',
   subgraphs: {
     main: [
diff --git a/src/pages/portfolio.vue b/src/pages/portfolio.vue
deleted file mode 100644
index 03c6e98de3..0000000000
--- a/src/pages/portfolio.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import StakedPoolsTable from '@/components/contextual/pages/pools/StakedPoolsTable.vue';
-import UnstakedPoolsTable from '@/components/contextual/pages/pools/UnstakedPoolsTable.vue';
-import VeBalPoolTable from '@/components/contextual/pages/pools/VeBalPoolTable.vue';
-import PortfolioPageHero from '@/components/heros/PortfolioPageHero.vue';
-import { useLock } from '@/composables/useLock';
-import { providerUserPools } from '@/providers/local/user-pools.provider';
-import { provideUserStaking } from '@/providers/local/user-staking.provider';
-import UserInvestedInAffectedPoolAlert from '@/pages/recovery-exit/UserInvestedInAffectedPoolAlert.vue';
-
-/**
- * PROVIDERS
- */
-const userStaking = provideUserStaking();
-providerUserPools(userStaking);
-
-/**
- * COMPOSABLES
- */
-const { lockPool, lock } = useLock();
-</script>
-
-<template>
-  <div>
-    <PortfolioPageHero />
-    <div class="xl:container xl:px-4 pt-10 md:pt-12 xl:mx-auto">
-      <BalStack vertical>
-        <UserInvestedInAffectedPoolAlert />
-        <div class="px-4 xl:px-0">
-          <BalStack horizontal justify="between" align="center">
-            <h3>{{ $t('myLiquidityInBalancerPools') }}</h3>
-          </BalStack>
-        </div>
-        <BalStack vertical spacing="2xl">
-          <UnstakedPoolsTable />
-          <StakedPoolsTable />
-          <VeBalPoolTable
-            v-if="lockPool && Number(lock?.lockedAmount) > 0"
-            :lock="lock"
-            :lockPool="lockPool"
-          />
-        </BalStack>
-      </BalStack>
-    </div>
-  </div>
-</template>
diff --git a/src/plugins/router/index.ts b/src/plugins/router/index.ts
index dac9d0de3b..1d18aad1a1 100644
--- a/src/plugins/router/index.ts
+++ b/src/plugins/router/index.ts
@@ -28,7 +28,7 @@ const FaucetPage = () => import('@/pages/faucet.vue');
 const BalancesPage = () => import('@/pages/balances.vue');
 const ClaimSubmissionsPage = () => import('@/pages/claim-submissions.vue');
 
-const PortfolioPage = () => import('@/pages/portfolio.vue');
+// const PortfolioPage = () => import('@/pages/portfolio.vue');
 const RecoveryExitPage = () =>
   import('@/pages/recovery-exit/recovery-exit.vue');
 
@@ -146,11 +146,11 @@ const routes: RouteRecordRaw[] = [
     name: 'legacy-claim',
     component: LegacyClaimPage,
   },
-  {
-    path: '/:networkSlug/portfolio',
-    name: 'portfolio',
-    component: PortfolioPage,
-  },
+  // {
+  //   path: '/:networkSlug/portfolio',
+  //   name: 'portfolio',
+  //   component: PortfolioPage,
+  // },
   {
     path: '/:networkSlug/balances',
     name: 'balances',
diff --git a/src/providers/local/user-pools.provider.ts b/src/providers/local/user-pools.provider.ts
index 18a5a02fbe..5da5cfc260 100644
--- a/src/providers/local/user-pools.provider.ts
+++ b/src/providers/local/user-pools.provider.ts
@@ -1,115 +1,24 @@
 import { InjectionKey } from 'vue';
 import { UserStakingResponse } from '@/providers/local/user-staking.provider';
-import { useUserData } from '@/providers/user-data.provider';
-import { Pool, PoolType, allLinearTypes } from '@/services/pool/types';
-import { bnSum } from '@/lib/utils';
 import symbolKeys from '@/constants/symbol.keys';
 import { safeInject } from '../inject';
-import { useLock } from '@/composables/useLock';
-import usePoolsQuery from '@/composables/queries/usePoolsQuery';
-import { fiatValueOf } from '@/composables/usePoolHelpers';
-import { isQueryLoading } from '@/composables/queries/useQueryHelpers';
-import { isVeBalSupported } from '@/composables/useVeBAL';
-import { useTokens } from '../tokens.provider';
-import { POOLS } from '@/constants/pools';
-
 /**
  * Provides user pools data. Primarily for the portfolio page.
  */
 export const provider = (userStaking: UserStakingResponse) => {
-  const {
-    stakedPools,
-    totalStakedValue,
-    refetchStakedPools,
-    isLoading: isStakedDataLoading,
-  } = userStaking;
-
-  // Access user data fetched on wallet connection/change.
-  const { userPoolSharesQuery, lockQuery } = useUserData();
-  const { data: userPoolShares, refetch: refetchUserPoolShares } =
-    userPoolSharesQuery;
-
-  const { totalLockedValue } = useLock();
-  const { injectTokens } = useTokens();
-
-  // Array of pool IDs that the user hasn't staked.
-  const unstakedPoolIds = computed((): string[] =>
-    Object.keys(userPoolShares.value || {})
-  );
-
-  // Only fetch unstaked pools if the user has pool shares.
-  const isPoolsQueryEnabled = computed(
-    (): boolean => unstakedPoolIds.value.length > 0
-  );
-
-  // Fetch pools that the user hasn't staked.
-  const filterOptions = computed(() => ({
-    poolIds: unstakedPoolIds.value,
-    pageSize: 999,
-    poolTypes: [...POOLS.IncludedPoolTypes, ...allLinearTypes] as PoolType[],
-  }));
-  const unstakedPoolsQuery = usePoolsQuery(filterOptions, {
-    enabled: isPoolsQueryEnabled,
-  });
-  const { data: _unstakedPools } = unstakedPoolsQuery;
-
-  // Helper property to drill down to first page of results.
-  const unstakedPools = computed(
-    (): Pool[] => _unstakedPools.value?.pages[0].pools || []
-  );
-
-  // Combine staked and unstaked pools.
-  const userPools = computed((): Pool[] => [
-    ...unstakedPools.value,
-    ...stakedPools.value,
-  ]);
-
-  // Total fiat value of unstaked positions.
-  const totalUnstakedValue = computed((): string => {
-    return Object.keys(userPoolShares.value || {})
-      .reduce((acc, poolId) => {
-        const pool = userPools.value.find(pool => pool.id === poolId);
-        if (!pool) return acc;
-        const bpt = userPoolShares?.value?.[poolId] || '0';
-        return acc + Number(fiatValueOf(pool, bpt));
-      }, 0)
-      .toString();
-  });
-
-  // Total portfolio fiat value, including staked, unstaked, and locked positions.
-  const totalFiatValue = computed((): string =>
-    bnSum([
-      totalUnstakedValue.value,
-      totalStakedValue.value,
-      totalLockedValue.value,
-    ]).toString()
-  );
-
-  const isLoading = computed(
-    (): boolean =>
-      isStakedDataLoading.value ||
-      isQueryLoading(userPoolSharesQuery) ||
-      isQueryLoading(unstakedPoolsQuery) ||
-      (isVeBalSupported.value && isQueryLoading(lockQuery))
-  );
+  const { stakedPools, refetchStakedPools } = userStaking;
 
   // Trigger refetch of queries for staked and unstaked pools.
   async function refetchAllUserPools() {
-    await Promise.all([refetchUserPoolShares(), refetchStakedPools()]);
+    await Promise.all([refetchStakedPools()]);
   }
 
-  // Whenever new pools show up in the user pools array, inject their tokens so
-  // that we can add the user's balance to the token registry.
-  watch(userPools, newUserPools => {
-    injectTokens(newUserPools.map(pool => pool.address));
-  });
-
   return {
     stakedPools,
-    unstakedPools,
-    userPoolShares,
-    totalFiatValue,
-    isLoading,
+    // unstakedPools,
+    // userPoolShares,
+    // totalFiatValue,
+    // isLoading,
     refetchAllUserPools,
   };
 };
diff --git a/src/providers/user-data.provider.ts b/src/providers/user-data.provider.ts
index 606b35c957..8288b37b31 100644
--- a/src/providers/user-data.provider.ts
+++ b/src/providers/user-data.provider.ts
@@ -6,7 +6,6 @@
 import useStakedSharesQuery from '@/composables/queries/useStakedSharesQuery';
 import useUserBoostsQuery from '@/composables/queries/useUserBoostsQuery';
 import useUserGaugeSharesQuery from '@/composables/queries/useUserGaugeSharesQuery';
-import useUserPoolSharesQuery from '@/composables/queries/useUserPoolSharesQuery';
 import useVeBalLockInfoQuery from '@/composables/queries/useVeBalLockInfoQuery';
 import symbolKeys from '@/constants/symbol.keys';
 import { InjectionKey, provide } from 'vue';
@@ -17,7 +16,7 @@ export const userDataProvider = () => {
    * COMPOSABLES
    */
   // Fetch all user's pool shares.
-  const userPoolSharesQuery = useUserPoolSharesQuery();
+  // const userPoolSharesQuery = useUserPoolSharesQuery();
 
   // Fetches all user's gaugeShares.
   const userGaugeSharesQuery = useUserGaugeSharesQuery();
@@ -32,7 +31,7 @@ export const userDataProvider = () => {
   const lockQuery = useVeBalLockInfoQuery();
 
   return {
-    userPoolSharesQuery,
+    // userPoolSharesQuery,
     userGaugeSharesQuery,
     stakedSharesQuery,
     userBoostsQuery,
diff --git a/tests/msw/rest-handlers.ts b/tests/msw/rest-handlers.ts
index c7fda08c28..6d7c31beec 100644
--- a/tests/msw/rest-handlers.ts
+++ b/tests/msw/rest-handlers.ts
@@ -71,7 +71,7 @@ export const restHandlers = [
     }
   ),
 
-  rest.get('https://api.balancer.fi/check-wallet', (req, res, ctx) => {
+  rest.get('https://xxx.balancer.fi/check-wallet', (req, res, ctx) => {
     const query = req.url.searchParams;
     const address = query.get('address');
     if (address === SANCTIONED_ADDRESS)