Add validation to inventory management page #5782
Merged
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.
WHAT
🤖 Generated by Copilot at 0c03edc
This pull request improves the user experience and data quality of the
AddInventoryForm
component by adding form validation and error messages. It modifies thesrc/Components/Facility/AddInventoryForm.tsx
file to implement the validation logic and error display.Proposed Changes
@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers
HOW
🤖 Generated by Copilot at 0c03edc
errors
property toinitialState
and initialize it withinitError
object that maps each field to an empty string (link)set_error
toset_errors
and update reducer accordingly (link)validateForm
function that checks the validity of each field and sets the error messages inerrors
object (link)handleSubmit
function to callvalidateForm
and return early if form is invalid (link)error
prop toSelectField
component forid
field and display the error message fromerrors
object (link)error
prop toSelectField
component forisIncoming
field and display the error message fromerrors
object orstockError
message (link)error
prop toTextInputField
component forquantity
field and display the error message fromerrors
object (link)error
prop toSelectField
component forunit
field and display the error message fromerrors
object (link)