Design: Financial Overview Page #89
Description
Description
Design the financial overview page: platform fees, date range, transactions table, and fee distribution.
Requirements and context
- Elements: Page title, date range picker, KPI cards (total fees, monthly/weekly/daily, growth), transactions table (date, event, amount, type, status), fee distribution (e.g. by category) chart or list.
- Tabs (if any): e.g. Overview vs Transactions.
- Theme: Dashboard-style; tables and charts clear.
Design deliverables
- Overview with KPIs and distribution
- Transactions table view
- Date filter UI
- Responsive layout
Current implementation reference: app/(dashboard)/finances/page.tsx