feat: disable Swap, LP Rewards, Vaults, and Points pages with simple placeholders

Author: Chris Khan

pages/lp-rewards.vue

@@ -1,35 +1,13 @@
 <script setup lang="ts">
-import { Status, StatusType } from '@injectivelabs/utils'
-
-const campaignStore = useCampaignStore()
-const gridStrategyStore = useGridStrategyStore()
-
-const { $onError } = useNuxtApp()
-
-const round = useQueryRef('round', '')
-
-const status = reactive(new Status(StatusType.Idle))
-
-onWalletConnected(() => {
-  status.setLoading()
-
-  const roundId = round.value ? Number(round.value) : undefined
-
-  Promise.all([
-    campaignStore.fetchRound(roundId),
-    gridStrategyStore.fetchAllStrategies()
-  ])
-    .catch($onError)
-    .finally(() => {
-      status.setIdle()
-    })
-})
+// LP Rewards disabled in this build.
 </script>
 
 <template>
-  <AppHocLoading v-bind="{ status }" is-full-screen>
-    <div class="mb-40">
-      <NuxtPage />
+  <UContainer class="py-16">
+    <div class="text-center py-24">
+      <h1 class="text-4xl lg:text-6xl font-bold">LP Rewards Unavailable</h1>
+      <p class="text-lg mt-4">This feature is not available in this build.</p>
+      <NuxtLink class="btn btn-primary mt-8" to="/markets">Go to Markets</NuxtLink>
     </div>
-  </AppHocLoading>
+  </UContainer>
 </template>

pages/points.vue

@@ -1,81 +1,12 @@
 <script lang="ts" setup>
-import { Status, StatusType } from '@injectivelabs/utils'
-import { PointsPeriod } from '@/types'
-
-const { $onError } = useNuxtApp()
-const pointsStore = usePointsStore()
-const sharedWalletStore = useSharedWalletStore()
-
-const selectedPeriod = ref(PointsPeriod.Day)
-const status = reactive(new Status(StatusType.Loading))
-const fetchStatus = reactive(new Status(StatusType.Idle))
-
-function fetchAccountPoints() {
-  fetchStatus.setLoading()
-
-  const action =
-    selectedPeriod.value === PointsPeriod.Day
-      ? pointsStore.fetchAccountDailyPoints
-      : pointsStore.fetchAccountWeeklyPoints
-
-  action()
-    .catch($onError)
-    .finally(() => fetchStatus.setIdle())
-}
-
-onWalletConnected(() => {
-  status.setLoading()
-
-  Promise.all([
-    pointsStore.fetchAccountPointsStat(),
-    pointsStore.fetchAccountDailyPoints()
-  ])
-    .catch($onError)
-    .finally(() => status.setIdle())
-})
-
-useIntervalFn(() => {
-  if (!sharedWalletStore.isUserConnected) {
-    return
-  }
-
-  return Promise.all([
-    pointsStore.fetchAccountPointsStat(),
-    selectedPeriod.value === PointsPeriod.Day
-      ? pointsStore.fetchAccountDailyPoints()
-      : pointsStore.fetchAccountWeeklyPoints()
-  ])
-}, 60 * 1000)
+// Points disabled in this build.
 </script>
 
 <template>
-  <div
-    class="pt-12 pb-32 px-40 max-xs:pt-8 max-xs:px-4 max-xs:pb-16 max-xl:pt-12 max-xl:px-12 max-xl:pb-24 max-3xl:px-40 max-w-[1400px] 5xl:max-w-[90%] mx-auto"
-  >
-    <div class="flex flex-col gap-4 max-xs:gap-1">
-      <h1 class="text-3xl max-xs:text-2xl">{{ $t('points.title') }}</h1>
-      <p class="text-base tracking-wide max-xs:text-sm">
-        {{ $t('points.description') }}
-      </p>
-    </div>
-
-    <PartialsPointsStats />
-
-    <div class="flex gap-6 max-lg:flex-col max-lg:items-center">
-      <USkeleton
-        v-if="fetchStatus.isLoading()"
-        class="flex-1 w-full max-lg:basis-52"
-      />
-      <PartialsPointsTable
-        v-else
-        v-model="selectedPeriod"
-        v-bind="{
-          isDailyPeriod: selectedPeriod === PointsPeriod.Day
-        }"
-        @update:model-value="fetchAccountPoints"
-      />
-
-      <PartialsPointsScoreCard />
+  <UContainer class="py-16">
+    <div class="text-center py-24">
+      <h1 class="text-4xl lg:text-6xl font-bold">Points Unavailable</h1>
+      <p class="text-lg mt-4">This feature is not available in this build.</p>
     </div>
-  </div>
+  </UContainer>
 </template>