Dashboard: Invoice List with Status Tracking #69
Description
Summary
Build the invoice list page in the merchant dashboard with filtering, search, and status tracking.
Requirements
- Paginated data table: Invoice #, Customer, Amount, Currency, Status, Due Date, Created
- Status badges: Draft (grey outline), Sent (blue), Viewed (blue outline), Partially Paid (orange), Paid (green), Overdue (red), Cancelled (grey)
- Filters: status, date range, currency
- Search by customer name/email or invoice ID
- Sortable columns (amount, date, status)
- Row click opens invoice detail drawer/page
- Quick actions per row: Send, Download PDF, Copy Link, Cancel
- Export to CSV
- Empty state with illustration + "Create your first invoice" CTA
- Skeleton loader during data fetch
Acceptance Criteria
- All invoice statuses render with correct badge styling
- Filters and search work correctly
- Pagination handles large datasets
- Export produces valid CSV
- Empty state displays on zero invoices
- Skeleton loaders shown during loading