Expense Queue Page
Component Detail
User Interface
medium complexity
frontend
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Server-rendered Next.js page listing all pending expense claims for the admin's organization, scoped to status=pending_review. Displays submitter identity, expense type, distance, amount, and receipt thumbnails in a paginated, filterable table with bulk-select capability.
expense-queue-page
Sources & reasoning
The queue page is the primary admin surface for the expense approval workflow. HLF's requirement for manual attestation above thresholds and Blindeforbundet's reimbursement needs both demand a structured review UI where admins can inspect full claim context before acting.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render paginated list of pending expense claims filtered by organization
- Provide filter controls for expense type, date range, and peer mentor
- Support bulk checkbox selection for batch approval actions
- Display receipt thumbnails inline for quick visual review
- Show per-row action buttons for approve, reject, and request-correction
Interfaces
renderQueuePage(orgId, filters, page)
handleBulkSelect(expenseIds[])
handleFilterChange(filterParams)
handlePageChange(pageNumber)
handleRowAction(expenseId, action)
Related Data Entities (2)
Data entities managed by this component