refactor: expose has hability chart history flag from user store instead of dashboard overview store

`chart history seconds` is part of the `user` and `dashboard overview` data, but `rewards_history_seconds` is only part of `user` data

See: BEDS-875

Author: enzo-bitfly

frontend/components/dashboard/chart/DashboardChartSummaryFilter.vue

@@ -14,9 +14,9 @@ import { getGroupLabel } from '~/utils/dashboard/group'
 const { t: $t } = useTranslation()
 const validatorDashboardOverviewStore = useValidatorDashboardOverviewStore()
 const {
-  hasAbilityCharthistory,
   overview,
 } = storeToRefs(validatorDashboardOverviewStore)
+const { hasAbilityChartHistory } = useUserStore()
 
 const chartFilter = defineModel<SummaryChartFilter>({ required: true })
 
@@ -25,7 +25,7 @@ const aggregation = ref<AggregationTimeframe>(chartFilter.value.aggregation)
 
 const aggregationList = computed(() => {
   return AggregationTimeframes.map(timeframe => ({
-    disabled: !hasAbilityCharthistory.value[timeframe],
+    disabled: !hasAbilityChartHistory.value[timeframe],
     id: timeframe,
     label: $t(`time_frames.${timeframe}`),
   }))

frontend/stores/dashboard/useValidatorDashboardOverviewStore.ts

@@ -73,13 +73,6 @@ export const useValidatorDashboardOverviewStore = defineStore('validator-dashboa
     )
   })
 
-  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,
-  }))
-
   const isLargeDashboard = computed(() => {
     if (!validatorCount.value) return false
 
@@ -90,7 +83,6 @@ export const useValidatorDashboardOverviewStore = defineStore('validator-dashboa
   })
 
   return {
-    hasAbilityCharthistory,
     hasValidators,
     isLargeDashboard,
     loading,

frontend/stores/useUserStore.ts

@@ -50,9 +50,25 @@ 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,