Strip functionality from old site

src/components/contextual/pages/vebal/MyVeBAL/components/MyVeBalCards.vue

@@ -149,12 +149,13 @@ const cards = computed(() => {
           {{ $t('addLiquidity') }}
         </BalBtn>
         <BalBtn
+          tag="a"
+          href="https://balancer.fi/vebal/manage"
+          target="_blank"
+          rel="noopener noreferrer"
           color="blue"
           outline
           :disabled="Number(bptBalance) === 0"
-          @click="
-            $router.push({ name: 'get-vebal', query: { returnRoute: 'vebal' } })
-          "
         >
           Lock for veBAL
         </BalBtn>
@@ -172,13 +173,14 @@ const cards = computed(() => {
         </BalBtn>
         <BalBtn
           v-else
+          tag="a"
+          href="https://balancer.fi/vebal/manage"
+          target="_blank"
+          rel="noopener noreferrer"
           :disabled="!isWalletReady"
           color="blue"
           outline
           class="mr-3"
-          @click="
-            $router.push({ name: 'get-vebal', query: { returnRoute: 'vebal' } })
-          "
         >
           Extend lock
         </BalBtn>

src/components/contextual/pages/vebal/MyVebalInfo.vue

@@ -8,10 +8,9 @@ import { PRETTY_DATE_FORMAT } from '@/components/forms/lock_actions/constants';
 import rank from '@/assets/images/icons/rank.svg';
 import share from '@/assets/images/icons/share.svg';
 import hourglass from '@/assets/images/icons/hourglass.svg';
-import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 import * as echarts from 'echarts/core';
 import useVeBal from '@/composables/useVeBAL';
-import { useI18n } from 'vue-i18n';
 import {
   LockSnapshot,
   useHistoricalLocksQuery,
@@ -29,7 +28,6 @@ const { account, isWalletReady, isWalletDisconnected } = useWeb3();
 
 const { isLoadingLockPool, isLoadingLockInfo, lock } = useLock();
 const { fNum } = useNumbers();
-const router = useRouter();
 
 const { veBalBalance, isLoading: isLoadingVebalBalance } = useVeBal();
 const { t } = useI18n();
@@ -256,14 +254,6 @@ const chartData = computed(() => {
 /**
  * METHODS
  */
-function navigateToGetVeBAL() {
-  router.push({
-    name: 'get-vebal',
-    query: {
-      returnRoute: 'vebal',
-    },
-  });
-}
 </script>
 
 <template>
@@ -288,17 +278,25 @@ function navigateToGetVeBAL() {
           </div>
 
           <div>
-            <BalBtn class="mr-3 btn-gold" @click="navigateToGetVeBAL">
-              {{ $t('veBAL.hero.buttons.getVeBAL') }}
-            </BalBtn>
-
-            <BalBtn
-              color="transparent"
-              class="mr-3 btn-extend"
-              @click="navigateToGetVeBAL"
+            <a
+              href="https://balancer.fi/vebal/manage"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <BalBtn class="mr-3 btn-gold">
+                {{ $t('veBAL.hero.buttons.getVeBAL') }}
+              </BalBtn>
+            </a>
+
+            <a
+              href="https://balancer.fi/vebal/manage"
+              target="_blank"
+              rel="noopener noreferrer"
             >
-              Extend lock
-            </BalBtn>
+              <BalBtn color="transparent" class="mr-3 btn-extend">
+                Extend lock
+              </BalBtn>
+            </a>
           </div>
         </div>
         <BalLoadingBlock v-if="isLoadingData" darker class="w-full h-full" />

src/components/contextual/pages/vebal/VeBALMarketingHeader.vue

@@ -3,13 +3,11 @@ import coin1 from '@/assets/images/coins/coins-1.png';
 import coin2 from '@/assets/images/coins/coins-2.png';
 import coin3 from '@/assets/images/coins/coins-3.png';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
 /**
  * COMPOSABLES
  */
 const { t } = useI18n();
-const router = useRouter();
 
 /**
  * COMPUTED
@@ -19,18 +17,6 @@ const benefits = computed(() => [
   t('veBAL.hero.benefits.vote'),
   t('veBAL.hero.benefits.earn'),
 ]);
-
-/**
- * METHODS
- */
-function navigateToGetVeBAL() {
-  router.push({
-    name: 'get-vebal',
-    query: {
-      returnRoute: 'vebal',
-    },
-  });
-}
 </script>
 
 <template>
@@ -50,7 +36,13 @@ function navigateToGetVeBAL() {
         </li>
       </ul>
       <div class="flex mt-6">
-        <BalBtn class="mr-3 hero-btn btn-gold" @click="navigateToGetVeBAL">
+        <BalBtn
+          tag="a"
+          href="https://balancer.fi/vebal/manage"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mr-3 hero-btn btn-gold"
+        >
           {{ $t('veBAL.hero.buttons.getVeBAL') }}
         </BalBtn>
         <BalBtn
@@ -209,4 +201,4 @@ function navigateToGetVeBAL() {
 .coin {
   @apply w-full flex flex-col items-center justify-end relative;
 }
-</style>
+</style>

src/components/footer/Footer.vue

@@ -12,11 +12,9 @@ import useNetwork from '@/composables/useNetwork';
 
 import AppLogo from '../images/AppLogo.vue';
 import { useThirdPartyServices } from '@/composables/useThirdPartyServices';
-import { useAppzi } from '@/composables/useAppzi';
 
 const { networkSlug } = useNetwork();
 const { handleThirdPartyModalToggle } = useThirdPartyServices();
-const { openNpsModal } = useAppzi();
 </script>
 
 <template>
@@ -101,26 +99,6 @@ const { openNpsModal } = useAppzi();
               <BalIcon name="arrow-up-right" size="sm" class="arrow" />
             </BalLink>
 
-            <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Vote"
-              external
-              noStyle
-              class="group link link--external"
-            >
-              {{ $t('vote') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
-            </BalLink>
-
-            <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Grants"
-              external
-              noStyle
-              class="group link link--external"
-            >
-              {{ $t('grants') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
-            </BalLink>
-
             <BalLink
               :href="EXTERNAL_LINKS.Balancer.BugBounty"
               external
@@ -202,9 +180,6 @@ const { openNpsModal } = useAppzi();
           <div
             class="flex flex-wrap md:order-3 gap-x-3 lg:gap-x-4 gap-y-2 md:justify-end"
           >
-            <p>
-              <button class="policy" @click="openNpsModal">Feedback</button>
-            </p>
             <p>
               <router-link class="policy" :to="{ name: 'terms-of-use' }">
                 {{ $t('policies.termsOfUse') }}

src/components/navs/AppNav/AppSidebar/SidebarContent.vue

@@ -16,7 +16,6 @@ import DiscordIcon from '@/components/_global/icons/brands/DiscordIcon.vue';
 import MediumIcon from '@/components/_global/icons/brands/MediumIcon.vue';
 import YoutubeIcon from '@/components/_global/icons/brands/YoutubeIcon.vue';
 import GithubIcon from '@/components/_global/icons/brands/GithubIcon.vue';
-import { useAppzi } from '@/composables/useAppzi';
 
 /**
  * PROPS & EMITS
@@ -32,33 +31,22 @@ const { networkConfig } = useConfig();
 const { networkSlug } = useNetwork();
 const { t } = useI18n();
 const router = useRouter();
-const { openNpsModal } = useAppzi();
 
 /**
  * STATE
  */
 const blockIcon = ref<HTMLDivElement>();
 
 const navLinks = [
-  {
-    label: t('claim'),
-    path: `/${networkSlug}/claim`,
-    goal: Goals.ClickNavClaim,
-  },
   { label: 'veBAL', path: `/${networkSlug}/vebal`, goal: Goals.ClickNavVebal },
 ];
 
 const ecosystemLinks = [
   { label: t('build'), url: 'https://balancer.fi/build' },
   { label: t('blog'), url: 'https://medium.com/balancer-protocol' },
   { label: t('docs'), url: 'https://docs.balancer.fi/' },
-  { label: t('governance'), url: 'https://vote.balancer.fi/#/' },
   { label: t('analytics'), url: 'https://dune.com/balancer' },
   { label: t('forum'), url: 'https://forum.balancer.fi/' },
-  {
-    label: t('grants'),
-    url: 'http://grants.balancer.community',
-  },
 ];
 
 const socialLinks = {
@@ -141,9 +129,6 @@ watch(blockNumber, async () => {
         {{ link.label }}
         <BalIcon name="arrow-up-right" size="sm" class="ml-1 text-secondary" />
       </BalLink>
-      <span class="px-4 pt-1 capitalize" @click="openNpsModal">{{
-        t('feedback')
-      }}</span>
     </div>
 
     <div class="px-4 mt-6">

src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue

@@ -21,16 +21,6 @@ function isActive(page: string): boolean {
 
 <template>
   <div class="desktop-links">
-    <DesktopLinkItem
-      :to="{ name: 'claim', params: { networkSlug } }"
-      :active="isActive('claim')"
-      prefetch
-      @click="trackGoal(Goals.ClickNavClaim)"
-    >
-      <div class="flex items-center">
-        {{ $t('claim') }}
-      </div>
-    </DesktopLinkItem>
     <DesktopLinkItem
       v-if="isTestnet"
       :to="{ name: 'faucet', params: { networkSlug } }"

src/pages/index.vue

@@ -17,11 +17,11 @@ import HomePageHero from '@/components/heros/HomePageHero.vue';
         <li>Add and remove liquidity</li>
         <li>Swap tokens</li>
         <li>View your portfolio</li>
+        <li>Claim incentives</li>
       </ul>
       <p class="mt-4">You can continue to use this UI to:</p>
       <ul class="pl-5 list-disc">
-        <li>Manage your veBAL</li>
-        <li>Claim old incentives</li>
+        <li>Manage your veBAL, including cross-chain sync</li>
       </ul>
     </div>
   </div>

src/pages/vebal.vue

@@ -2,7 +2,6 @@
 /**
  * veBAL page
  */
-import LMVoting from '@/components/contextual/pages/vebal/LMVoting/LMVoting.vue';
 import MyVeBAL from '@/components/contextual/pages/vebal/MyVeBAL/MyVeBAL.vue';
 import CrossChainBoostCards from '@/components/contextual/pages/vebal/cross-chain-boost/CrossChainBoostCards.vue';
 import { isVeBalSupported } from '@/composables/useVeBAL';
@@ -11,12 +10,10 @@ import { provideUserStaking } from '@/providers/local/user-staking.provider';
 import { providerUserPools } from '@/providers/local/user-pools.provider';
 import { providePoolStaking } from '@/providers/local/pool-staking.provider';
 import MyVebalInfo from '@/components/contextual/pages/vebal/MyVebalInfo.vue';
-import { provideVoting } from '@/components/contextual/pages/vebal/providers/voting.provider';
 
 const userStaking = provideUserStaking();
 providerUserPools(userStaking);
 providePoolStaking();
-provideVoting();
 </script>
 
 <template>
@@ -35,19 +32,5 @@ provideVoting();
         </div>
       </div>
     </div>
-    <div
-      v-if="isVeBalSupported"
-      class="xl:container lg:px-4 xl:px-0 pt-16 xl:pt-20 xl:mx-auto"
-    >
-      <div class="xl:px-0 mb-16">
-        <LMVoting />
-      </div>
-    </div>
-    <div v-else class="text-center">
-      <div class="text-lg font-semibold">
-        {{ $t('veBAL.notSupported.title') }}
-      </div>
-      <div>{{ $t('veBAL.notSupported.description') }}</div>
-    </div>
   </div>
 </template>