diff --git a/src/components/pages/vaults/components/detail/VaultChartsSection.tsx b/src/components/pages/vaults/components/detail/VaultChartsSection.tsx index d89a8a130..60e6d4c84 100644 --- a/src/components/pages/vaults/components/detail/VaultChartsSection.tsx +++ b/src/components/pages/vaults/components/detail/VaultChartsSection.tsx @@ -42,6 +42,7 @@ export const VAULT_CHART_TIMEFRAME_OPTIONS = [ ] as const export type TVaultChartTimeframe = (typeof VAULT_CHART_TIMEFRAME_OPTIONS)[number]['value'] +const DEFAULT_VAULT_CHART_TIMEFRAME: TVaultChartTimeframe = '1y' type TBaseVaultChartTab = 'historical-pps' | 'historical-apy' | 'historical-tvl' type TUserVaultChartTab = 'user-position' @@ -117,7 +118,8 @@ export function VaultChartsSection({ const transformed = useMemo(() => transformVaultChartData(data), [data]) const [uncontrolledTab, setUncontrolledTab] = useState('historical-apy') - const [uncontrolledTimeframe, setUncontrolledTimeframe] = useState('1y') + const [uncontrolledTimeframe, setUncontrolledTimeframe] = + useState(DEFAULT_VAULT_CHART_TIMEFRAME) const activeTab = chartTab ?? uncontrolledTab const activeTimeframe = timeframe ?? uncontrolledTimeframe diff --git a/src/components/pages/vaults/components/detail/YvUsdChartsSection.tsx b/src/components/pages/vaults/components/detail/YvUsdChartsSection.tsx index 75bedd7f8..a79a59453 100644 --- a/src/components/pages/vaults/components/detail/YvUsdChartsSection.tsx +++ b/src/components/pages/vaults/components/detail/YvUsdChartsSection.tsx @@ -18,6 +18,7 @@ const VaultTvlGrowthChart = lazy(() => type TYvUsdUserChartTab = 'user-position' export type TYvUsdChartTab = (typeof VAULT_CHART_TABS)[number]['id'] | TYvUsdUserChartTab export type TYvUsdChartTimeframe = (typeof VAULT_CHART_TIMEFRAME_OPTIONS)[number]['value'] +const DEFAULT_YVUSD_CHART_TIMEFRAME: TYvUsdChartTimeframe = '90d' type YvUsdChartsSectionProps = { chartTab?: TYvUsdChartTab @@ -87,7 +88,8 @@ export function YvUsdChartsSection({ const { apyData, performanceData, tvlData, isLoading, error } = useYvUsdCharts() const [uncontrolledTab, setUncontrolledTab] = useState('historical-apy') - const [uncontrolledTimeframe, setUncontrolledTimeframe] = useState('1y') + const [uncontrolledTimeframe, setUncontrolledTimeframe] = + useState(DEFAULT_YVUSD_CHART_TIMEFRAME) const activeTab = chartTab ?? uncontrolledTab const activeTimeframe = timeframe ?? uncontrolledTimeframe