feat(asset-form): add multi-step asset registration form with validat…#410
Merged
yusuftomilola merged 1 commit intoDistinctCodes:mainfrom Jan 24, 2026
Merged
Conversation
|
@lishmanTech is attempting to deploy a commit to the naijabuz's projects Team on Vercel. A member of the Team first needs to authorize it. |
…ion and image upload
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Description:
This PR introduces a comprehensive multi-step asset registration form for the system. Users can now add new assets with proper validation, image uploads, and autosave functionality.
Features included:
Multi-step form with 4 sections: Basic Info, Details, Assignment, Additional Info
Form management using React Hook Form
Schema validation using Zod
Real-time validation feedback on each step
Progress indicator for multi-step navigation
Autosave to localStorage to prevent data loss
Image upload with preview before upload
Graceful API error handling using toast notifications
Fully responsive design with Tailwind CSS and accessible components
Acceptance Criteria Implemented:
All required fields are validated before submission
Users can navigate between form steps and data persists if they leave and return
Success message displayed on asset creation
Form resets after successful submission
Clear and actionable error messages
closes #391