diff --git a/src/Components/CreateImageWizard/ValidatedTextInput.tsx b/src/Components/CreateImageWizard/ValidatedTextInput.tsx index 35f42228..997001e1 100644 --- a/src/Components/CreateImageWizard/ValidatedTextInput.tsx +++ b/src/Components/CreateImageWizard/ValidatedTextInput.tsx @@ -27,6 +27,7 @@ interface HookValidatedTextInputPropTypes extends TextInputProps { placeholder?: string; stepValidation: StepValidation; fieldName: string; + warning?: string; } export const HookValidatedInput = ({ @@ -40,6 +41,7 @@ export const HookValidatedInput = ({ stepValidation, fieldName, type = 'text', + warning = undefined, }: HookValidatedTextInputPropTypes) => { const [isPristine, setIsPristine] = useState(!value ? true : false); // Do not surface validation on pristine state components @@ -77,6 +79,13 @@ export const HookValidatedInput = ({ )} + {warning !== undefined && ( + + + {warning} + + + )} ); }; diff --git a/src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx b/src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx index 29ca2d81..dc59b15a 100644 --- a/src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx +++ b/src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx @@ -257,6 +257,11 @@ const MinimumSize = ({ partition }: MinimumSizePropTypes) => { ariaLabel="minimum partition size" value={partition.min_size} isDisabled={partition.unit === 'B'} + warning={ + partition.unit === 'B' + ? 'The Wizard only supports KiB, MiB, or GiB. Adjust or keep the current value.' + : undefined + } type="text" ouiaId="size" stepValidation={stepValidation}