View Attached Receipts During Reimbursement Approval Review
When a coordinator opens a reimbursement claim in the approval queue, the expense detail view surfaces receipt thumbnails for each relevant expense item using the Receipt Thumbnail Widget, loading secure signed URLs from Supabase Storage via the Image Storage Backend. The coordinator can tap any thumbnail to open the full-screen viewer for detailed inspection. This capability is specific to the coordinator's attestation workflow and is distinct from the peer mentor's own upload experience — coordinators only view receipts, not manage them. Row-level security in Supabase Storage ensures coordinators can access receipts belonging to mentors within their organisational scope only.
User Story
Acceptance Criteria
- Given a coordinator opens a reimbursement claim containing expense items with attached receipts, when the detail view loads, then receipt thumbnails are displayed for each qualifying expense item
- Given a receipt thumbnail is visible in the approval view, when the coordinator taps it, then the full-resolution receipt image opens in the full-screen viewer
- Given the expense item has no receipts, when the approval detail view loads, then a clear indicator shows that no receipt is attached for that item
- Given a coordinator belongs to Organisation A, when they attempt to access a receipt belonging to a mentor from Organisation B, then access is denied by Supabase RLS policy
- Given the coordinator is in the approval queue, when they view a receipt via a signed URL, then the URL is time-limited and cannot be shared for persistent external access
Business Value
Coordinators and accountants are responsible for attesting reimbursement claims above the automatic approval threshold. Access to receipt images directly within the approval flow eliminates the need to request paper receipts or chase peer mentors for documentation, dramatically reducing approval cycle time. Supabase RLS enforcement ensures that coordinators only access receipts within their authorised organisational scope, maintaining data privacy compliance.
Components
- Receipt Thumbnail Widget ui
- Receipt Storage Repository data
- Image Storage Backend infrastructure