fix: get chart history ability based on dashboard instead of users

See: BEDS-875

Author: enzo-bitfly

frontend/components/dashboard/chart/DashboardChartRewardsFilter.vue

@@ -11,30 +11,20 @@ type AggregationTimeframe = keyof ChartHistorySeconds
 
 const {
   groups,
-  isGuestDashboard,
 } = defineProps<{
   groups: VDBOverviewGroup[],
-  isGuestDashboard?: boolean,
 }>()
 
 const { t: $t } = useTranslation()
 
+const { networkInfo } = useNetworkStore()
+const validatorDashboardsOverviewStore = useValidatorDashboardOverviewStore()
 const {
   hasAbilityRewardsChartHistory,
-  isLoggedIn,
-} = useUserStore()
-const { networkInfo } = useNetworkStore()
+} = storeToRefs(validatorDashboardsOverviewStore)
 
 const chartFilter = defineModel<RewardsChartFilter>({ required: true })
 
-const productStore = useProductsStore()
-
-const freeUserAbilityRewardsChartHistory = computed(() => {
-  const rewardsChartHistorySeconds
-  = productStore.premiumProducts.value['Free']?.premium_perks.rewards_chart_history_seconds
-  return rewardsChartHistorySeconds
-})
-
 const aggregationTimeframes: AggregationTimeframe[] = [
   'hourly',
   'daily',
@@ -43,9 +33,7 @@ const aggregationTimeframes: AggregationTimeframe[] = [
 const aggregationList = computed(() => {
   return aggregationTimeframes.map((timeframe) => {
     return {
-      disabled: isLoggedIn.value
-        ? !hasAbilityRewardsChartHistory.value[timeframe]
-        : !freeUserAbilityRewardsChartHistory.value[timeframe],
+      disabled: !hasAbilityRewardsChartHistory.value[timeframe],
       id: timeframe,
       label: $t(`time_frames.${timeframe}`),
     }
@@ -79,7 +67,6 @@ const handleSetEndDate = (value: Date) => {
 <template>
   <div class="chart-filter-row">
     <BcDropdown
-      v-if="!isGuestDashboard"
       v-model="chartFilter.aggregation"
       :options="aggregationList"
       option-value="id"

frontend/components/dashboard/chart/DashboardChartSummaryFilter.vue

@@ -10,34 +10,21 @@ import {
 } from '~/types/dashboard/summary'
 import { getGroupLabel } from '~/utils/dashboard/group'
 
-const { isGuestDashboard } = defineProps<{ isGuestDashboard: boolean }>()
-
 const { t: $t } = useTranslation()
 const validatorDashboardOverviewStore = useValidatorDashboardOverviewStore()
 const {
+  hasAbilityChartHistory,
   overview,
 } = storeToRefs(validatorDashboardOverviewStore)
-const {
-  hasAbilityChartHistory,
-  isLoggedIn,
-} = useUserStore()
 
 const chartFilter = defineModel<SummaryChartFilter>({ required: true })
 
 /** aggregation */
 const aggregation = ref<AggregationTimeframe>(chartFilter.value.aggregation)
 
-const productStore = useProductsStore()
-
-const freeUserAbilityChartHistory = computed(() =>
-  productStore.premiumProducts.value['Free']?.premium_perks.chart_history_seconds,
-)
-
 const aggregationList = computed(() => {
   return AggregationTimeframes.map(timeframe => ({
-    disabled: isLoggedIn.value
-      ? !hasAbilityChartHistory.value[timeframe]
-      : !freeUserAbilityChartHistory.value[timeframe],
+    disabled: !hasAbilityChartHistory.value[timeframe],
     id: timeframe,
     label: $t(`time_frames.${timeframe}`),
   }))
@@ -148,7 +135,6 @@ const selectedLabel = computed(() => {
 <template>
   <div class="chart-filter-row">
     <BcDropdown
-      v-if="!isGuestDashboard"
       v-model="aggregation"
       :options="aggregationList"
       option-value="id"

frontend/components/dashboard/table/DashboardTableRewards.vue

@@ -172,7 +172,6 @@ watch(() => selectedValidatorGroups.value, (newValue) => {
         v-if="!tableIsShown"
         v-model="chartFilter"
         :groups="usedValidatorGroups"
-        :is-guest-dashboard
       />
     </template>
     <template #table>

frontend/components/dashboard/table/DashboardTableSummary.vue

@@ -175,7 +175,6 @@ watch(
         <DashboardChartSummaryFilter
           v-else
           v-model="chartFilter"
-          :is-guest-dashboard
         />
       </template>
       <template #table>

frontend/stores/dashboard/useValidatorDashboardOverviewStore.ts

@@ -84,8 +84,24 @@ export const useValidatorDashboardOverviewStore = defineStore('validator-dashboa
 
   const groups = computed(() => overview.value?.groups)
 
+  const hasAbilityRewardsChartHistory = computed(() => ({
+    daily: (overview.value?.rewards_chart_history_seconds?.daily ?? 0) > 0,
+    epoch: (overview.value?.rewards_chart_history_seconds?.epoch ?? 0) > 0,
+    hourly: (overview.value?.rewards_chart_history_seconds?.hourly ?? 0) > 0,
+    weekly: (overview.value?.rewards_chart_history_seconds?.weekly ?? 0) > 0,
+  }))
+
+  const hasAbilityChartHistory = computed(() => ({
+    daily: (overview.value?.chart_history_seconds?.daily ?? 0) > 0,
+    epoch: (overview.value?.chart_history_seconds?.epoch ?? 0) > 0,
+    hourly: (overview.value?.chart_history_seconds?.hourly ?? 0) > 0,
+    weekly: (overview.value?.chart_history_seconds?.weekly ?? 0) > 0,
+  }))
+
   return {
     groups,
+    hasAbilityChartHistory,
+    hasAbilityRewardsChartHistory,
     hasValidators,
     isLargeDashboard,
     loading,

frontend/stores/useUserStore.ts

@@ -50,25 +50,9 @@ export function useUserStore() {
 
   const premium_perks = computed(() => user.value?.premium_perks)
 
-  const hasAbilityRewardsChartHistory = computed(() => ({
-    daily: (user.value?.premium_perks.rewards_chart_history_seconds?.daily ?? 0) > 0,
-    epoch: (user.value?.premium_perks.rewards_chart_history_seconds?.epoch ?? 0) > 0,
-    hourly: (user.value?.premium_perks.rewards_chart_history_seconds?.hourly ?? 0) > 0,
-    weekly: (user.value?.premium_perks.rewards_chart_history_seconds?.weekly ?? 0) > 0,
-  }))
-
-  const hasAbilityChartHistory = computed(() => ({
-    daily: (user.value?.premium_perks.chart_history_seconds?.daily ?? 0) > 0,
-    epoch: (user.value?.premium_perks.chart_history_seconds?.epoch ?? 0) > 0,
-    hourly: (user.value?.premium_perks.chart_history_seconds?.hourly ?? 0) > 0,
-    weekly: (user.value?.premium_perks.chart_history_seconds?.weekly ?? 0) > 0,
-  }))
-
   return {
     doLogout,
     getUser,
-    hasAbilityChartHistory,
-    hasAbilityRewardsChartHistory,
     hasV1Notifications,
     isLoggedIn,
     premium_perks,