Add image upload functionality to repair ticket and admin forms #131
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Add image upload UI to repair ticket creation form (TicketForm.tsx) - Support multiple image uploads (up to 5 images) - 5MB file size limit per image - Base64 encoding for storage - Image preview with removal option - Responsive grid layout for previews - Add image upload UI to repair admin submission form (EventAction.tsx) - Support for both EventActionCommit and EventActionAlterCommit - Same validation and limits as ticket form - Integrated into existing form layout - UI uses HeroUI components (Button, Card, CardBody) - Images stored as base64 strings in form state - localStorage persistence for ticket form drafts - No API changes made (UI only)
…t-image-upload-01T8iEFPkTUzoFiPDFQADqZq
- Replace base64 image encoding with /upload API endpoint - Update TicketForm to upload images via saturdayClient - Update EventAction commit forms to upload images via saturdayClient - Increase file size limit from 5MB to 10MB (per API spec) - Store image URLs instead of base64 strings - Update API type definitions for image support - Pass identityContext to EventActionCommitForm for authentication - Fix TypeScript type issues with optional images field 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Update image display across repair ticket components to use consistent square (1:1) aspect ratio: - ImageGallery component: Replace dynamic maxHeight with aspect-square class - EditRepairModal: Update preview thumbnails to use square aspect ratio - EventDetail: Remove maxHeight parameter from ImageGallery usage This ensures a consistent and cleaner visual presentation of repair ticket images throughout the application. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Deploying home with
|
| Latest commit: |
992265f
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://5f9c3624.fuji-2ku.pages.dev |
| Branch Preview URL: | https://claude-repair-ticket-image-u.fuji-2ku.pages.dev |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add image upload UI to repair ticket creation form (TicketForm.tsx)
Add image upload UI to repair admin submission form (EventAction.tsx)
UI uses HeroUI components (Button, Card, CardBody)
Images stored as base64 strings in form state
localStorage persistence for ticket form drafts
No API changes made (UI only)