Expense Detail Panel
Component Detail
Description
Slide-over or modal panel showing the complete context of a single expense claim - submitter profile, activity link, expense type, distance, amount, receipt images at full size, and any confidentiality declarations. Hosts the approve/reject/request-correction action form with optional reviewer comment.
expense-detail-panel
Sources & reasoning
Reviewers need full claim context - including receipt images and confidentiality declarations - before approving or rejecting. A detail panel scoped to a single record prevents the queue list from becoming overloaded with nested data while still surfacing all attestation-relevant information.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render full expense claim detail including linked activity context
- Display receipt images at full resolution for attestation review
- Render confidentiality declaration status if applicable
- Host inline action form with required comment field for rejection and correction requests
- Reflect optimistic state update immediately after reviewer action
Interfaces
openPanel(expenseId)
closePanel()
submitReviewAction(expenseId, action, comment?)
renderReceiptImages(receiptIds[])
Related Data Entities (3)
Data entities managed by this component