Restructure ticket detail into tabs, add documents section

Ticket detail page now uses tabs (Details, Line Items, Notes, Photos &
Docs) instead of a long scrolling page. Photos section gains a Documents
category for uploading signed approvals, quotes, and receipts (accepts
PDFs). PDF generation button added to header (stub for now).
This commit is contained in:
Ryan Moon
2026-03-29 10:42:40 -05:00
parent 7eac03f6c2
commit 79b7377fd2
2 changed files with 203 additions and 250 deletions

View File

@@ -26,6 +26,7 @@ const PHOTO_CATEGORIES = [
{ key: 'intake', label: 'Intake Photos', description: 'Condition at intake' },
{ key: 'in_progress', label: 'Work in Progress', description: 'During repair' },
{ key: 'completed', label: 'Completed', description: 'Final result' },
{ key: 'document', label: 'Documents', description: 'Signed approvals, quotes, receipts' },
] as const
interface TicketPhotosProps {
@@ -161,7 +162,7 @@ function PhotoSection({
<input
ref={fileInputRef}
type="file"
accept="image/jpeg,image/png,image/webp"
accept={category === 'document' ? 'image/jpeg,image/png,image/webp,application/pdf' : 'image/jpeg,image/png,image/webp'}
multiple
className="hidden"
onChange={handleUpload}