Expense Claim Detail Panel
Component Detail
User Interface
medium complexity
frontend
2
Dependencies
0
Dependents
4
Entities
0
Integrations
Description
Slide-over or modal panel rendered within the Expense Approval Page that displays the full detail of a single expense claim, including all expense items, receipt image thumbnails, declaration status, and claim history. Hosts the rejection comment input field and confirmation controls before submitting an approval decision.
expense-claim-detail-panel
Responsibilities
- Display full expense claim including all line items and associated receipts
- Show claimant profile summary and submission timestamp
- Render declaration and confidentiality status if present
- Provide rejection comment textarea with character minimum enforcement
- Display prior approval history and audit trail entries for the claim
Interfaces
GET /api/v1/expense-claims/:id
renderClaimDetail(claim)
renderReceiptThumbnails(receipts)
validateRejectionComment(comment)
onConfirmDecision(decision, comment)
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (4)
Data entities managed by this component