Wizard: Refactor Description input using new component

This commit refactors the Description field by replacing HookValidatedInput with the new ValidatedInputAndTextArea component.
It fixes a bug where the validation icon remained visible after the user cleared the Description field.
This commit is contained in:
Michal Gold 2025-03-16 13:45:26 +02:00 committed by Klara Simickova
parent 29c290abf8
commit 6afaf49452
4 changed files with 14 additions and 12 deletions

View file

@ -19,10 +19,7 @@ import {
} from '../../../../store/wizardSlice';
import { useGenerateDefaultName } from '../../utilities/useGenerateDefaultName';
import { useDetailsValidation } from '../../utilities/useValidation';
import {
HookValidatedInput,
ValidatedInputAndTextArea,
} from '../../ValidatedInput';
import { ValidatedInputAndTextArea } from '../../ValidatedInput';
const DetailsStep = () => {
const dispatch = useAppDispatch();
@ -62,7 +59,6 @@ const DetailsStep = () => {
ariaLabel="blueprint name"
dataTestId="blueprint"
value={blueprintName}
isDisabled={false}
onChange={handleNameChange}
placeholder="Add blueprint name"
stepValidation={stepValidation}
@ -83,11 +79,10 @@ const DetailsStep = () => {
label="Blueprint description"
fieldId="blueprint-description-name"
>
<HookValidatedInput
<ValidatedInputAndTextArea
ariaLabel="blueprint description"
dataTestId="blueprint description"
value={blueprintDescription || ''}
isDisabled={false}
value={blueprintDescription}
onChange={handleDescriptionChange}
placeholder="Add description"
stepValidation={stepValidation}