Donation/Donor Stats Chart

[aaronashby]

Overview

The goal of this ticket is to implement some of the visualizations for the admin dashboard. This one in particular is to allow admins to view a line chart showing either of the two options:

1. Total donations over time
2. Total recurring donors (who made their first recurring donation) over time

Admins should be able to toggle between those two views. There should also be the option to choose the time frame at which to view donations (e.g. total donations in a 1-month period, recurring donors over a 1-year period)

Note: There's no need to worry too much about styling right now; that will be covered in a later ticket :)

Tasks

• Create a component DonorStatsChart.tsx that uses shadcn's line chart component
• Under the line chart, create two buttons that allow the user to toggle between the data options specified above
• Under the buttons, create a number field (type="number") and dropdown menu that will allow the user to specify a quantity (1-12) and unit (weeks, months, years) for the time frame

Acceptance Criteria

• The component DonorStatsChart.tsx should exist and show a line chart with the above specifications
• The line chart should be created using shadcn's line chart component
• The number field and dropdown menu should be created using shadcn's input components
• Each extra line chart feature should use donations from the backend and filter accordingly