Update 30d APY chart to use 30d interval by default (#1302)

* Update 30d APY chart to use 30d interval by default

* Make it 90D default for yvUSD only

---------

Co-authored-by: rossgalloway <58150151+rossgalloway@users.noreply.github.com>

Author: w84april

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<TVaultChartTab>('historical-apy')
-  const [uncontrolledTimeframe, setUncontrolledTimeframe] = useState<TVaultChartTimeframe>('1y')
+  const [uncontrolledTimeframe, setUncontrolledTimeframe] =
+    useState<TVaultChartTimeframe>(DEFAULT_VAULT_CHART_TIMEFRAME)
 
   const activeTab = chartTab ?? uncontrolledTab
   const activeTimeframe = timeframe ?? uncontrolledTimeframe

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<TYvUsdChartTab>('historical-apy')
-  const [uncontrolledTimeframe, setUncontrolledTimeframe] = useState<TYvUsdChartTimeframe>('1y')
+  const [uncontrolledTimeframe, setUncontrolledTimeframe] =
+    useState<TYvUsdChartTimeframe>(DEFAULT_YVUSD_CHART_TIMEFRAME)
 
   const activeTab = chartTab ?? uncontrolledTab
   const activeTimeframe = timeframe ?? uncontrolledTimeframe