Design: Disputes Page #90
Description
Description
Design the disputes management page: list of pending and resolved disputes with resolution flow.
Requirements and context
- Elements: Tabs or filters: Pending / Resolved. Table or cards: event, submitter, date, reason, priority, status, evidence link. Actions: View detail, Resolve (open resolution flow).
- Resolution flow (design only): Dialog/modal or side panel: dispute summary, outcome selection (e.g. uphold/reject), resolution notes, submit.
- States: List loaded; empty; resolution modal open.
- Theme: Alerts for priority; clear CTA for “Resolve.”
Design deliverables
- Pending and resolved list views
- Dispute detail / resolution modal or panel
- Priority and status badges
- Responsive layout
Current implementation reference: app/(dashboard)/disputes/page.tsx