Overview
Build the FeeChart component — a Recharts bar chart showing fee history over selectable time windows, with spike annotations.
Acceptance Criteria
Notes
FeeChart manages its own history fetch state independently (separate from DashboardShell polling)
- Install Recharts:
npm install recharts
Overview
Build the
FeeChartcomponent — a Recharts bar chart showing fee history over selectable time windows, with spike annotations.Acceptance Criteria
src/app/components/dashboard/FeeChart.tsxBarChart,Bar,XAxis,YAxis,Tooltip,ResponsiveContainer)1H|6H|24H— buttons above the chartfetchFeeHistory(window)fromlib/api.tsand re-renders#00ff9d); spike bars coloured red/yellowmax_fee > avg_fee * 3rendered in accent colour with aReferenceLineor custom dot annotationTooltipshowing: time, base fee, avg fee, max fee{ initialWindow?: '1h' | '6h' | '24h' }ResponsiveContainerNotes
FeeChartmanages its own history fetch state independently (separate fromDashboardShellpolling)npm install recharts