Receipt Preview Widget
Component Detail
User Interface
medium complexity
Shared Component
frontend
0
Dependencies
1
Dependents
2
Entities
0
Integrations
Description
Inline image viewer for receipt photos attached to expense claims. Supports thumbnail display within queue rows and full-size modal view. Fetches signed URLs from the storage layer and handles missing or corrupt image states gracefully.
receipt-preview-widget
Responsibilities
- Fetch and display receipt image thumbnails in queue rows
- Open full-size receipt image in modal on click
- Handle missing, loading, and error states for images
- Support multiple receipts per expense claim with navigation
Interfaces
renderThumbnail(receiptId)
openModal(receiptId)
closeModal()
navigateToReceipt(index)
getReceiptUrl(receiptId)
Relationships
Related Data Entities (2)
Data entities managed by this component