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 6927078
This pull request improves the error handling and user interface of various form components in the
care_fe
frontend. It adds custom error messages and border colors to theAutocomplete
,AutocompleteMultiselect
, andAutocompleteFormField
components, and fixes the notification modal in theFacilityCard
component.Proposed Changes
@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers
Merge Checklist
HOW
🤖 Generated by Copilot at 6927078
error
prop toAutocompleteFormField
component to display validation error message for location field in asset creation form (link)notifyError
state variable toFacilityCard
component to store and display error message for notification modal input field (link, link)notifyError
state variable to empty string when notification modal is opened to clear previous error message (link)Notification.Error
function call with settingnotifyError
state variable to custom error message for notification modal input field (link)error
prop toAutocomplete
andAutocompleteMutliSelect
components to pass and display validation error message for autocomplete fields (link, link, link, link, link, link, link)border-red-500
andborder-danger-500
classes toAutocomplete
andAutocompleteMutliSelect
components to make them more responsive to validation errors (link, link)