Build Interactive Earnings Charts (Recharts)

[Luluameh]

• Difficulty: Medium
• Labels: feature, dashboard, charts

Description

The Expert Earnings page (src/app/dashboard/earnings/page.tsx) needs rich visual analytics. We want to implement interactive bar and line charts showing earnings over time (daily, weekly, monthly) using recharts.

Technical Scope & Steps

1. Open src/components/dashboard/EarningsChart.tsx (or equivalent).
2. Integrate recharts to render a responsive Area/Line chart for earning trends and a Bar chart representing session counts per category.
3. Add a time filter toggle (7 days, 30 days, Year-to-Date).
4. Add tooltips showing exact payout numbers when hovering over chart nodes.

Acceptance Criteria

• Charts are fully responsive and adapt to mobile viewports.
• Tooltips display correct currency formatting.
• Toggle controls successfully update chart datasets.

[ebubeb683-ship-it]

After reviewing the issue, I believe I can implement the required changes effectively. Kindly assign this issue to me.