Description
Create an Account Database page for admins that displays all user accounts, organized and filterable by approval status (Pending, Approved, Rejected). The page should present each account in a card format, showing basic contact details. Admins must be able to approve or reject each pending account directly from the UI. Visual updates reflecting status changes should occur immediately after admin action.
Acceptance Criteria
- New page/component accessible to admin users called "Account Database"
- List all accounts, grouped by approval status: Pending, Approved, Rejected
- Pending accounts: show admin action buttons to approve or reject accounts (with visual feedback)
- Approved and Rejected tabs show accounts by respective status (read-only)
- Each account card displays user name, contact info (like phone/email), and avatar/placeholder image
- UI closely matches provided mockup
- Backend/API endpoints in place to process approvals/rejections and fetch account data
- Responsive layout for desktop and mobile admin use
Additional Information
See attached mockup for guidance:
- Ensure actions are secure and only performed by admin roles
- Status changes should update in real time or with minimal delay
- Provide loading/error states as needed
- Coordinate UI with backend endpoints for fetching and mutating account status
Description
Create an Account Database page for admins that displays all user accounts, organized and filterable by approval status (Pending, Approved, Rejected). The page should present each account in a card format, showing basic contact details. Admins must be able to approve or reject each pending account directly from the UI. Visual updates reflecting status changes should occur immediately after admin action.
Acceptance Criteria
Additional Information
See attached mockup for guidance: