Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rossgalloway merged 4 commits into from
Jul 15, 2026
+6 −2
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
acc2ea2
Update 30d APY chart to use 30d interval by default
w84april Jul 6, 2026
0797636
Make it 90D default for yvUSD only
w84april Jul 15, 2026
705f405
Merge branch 'main' into feat/display-30d-chart-by-default
w84april Jul 15, 2026
0e149bb
Merge branch 'main' into feat/display-30d-chart-by-default
rossgalloway Jul 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion src/components/pages/vaults/components/detail/VaultChartsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down Expand Up @@ -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
Expand Down
4 changes: 3 additions & 1 deletion src/components/pages/vaults/components/detail/YvUsdChartsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down