0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixing form error message issue (#2047)

Browse source
This commit is contained in:
Robert Azizbekyan 2022-05-31 13:32:41 +04:00 • committed by GitHub
parent 7ba10c1b7a
commit 2a51f0ee14
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
kafka-ui-react-app/src/components/Topics/New/New.tsx
View file

@ -24,7 +24,7 @@ enum Filters {
const New: React.FC = () => {
const methods = useForm<TopicFormData>({
mode: 'all',
mode: 'onChange',
resolver: yupResolver(topicFormValidationSchema),
});

4
kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParamField.tsx
View file

@ -59,7 +59,7 @@ const CustomParamField: React.FC<Props> = ({
newExistingFields.push(nameValue);
setExistingFields(newExistingFields);
setValue(`customParams.${index}.value`, TOPIC_CUSTOM_PARAMS[nameValue], {
shouldValidate: true,
shouldValidate: !!TOPIC_CUSTOM_PARAMS[nameValue],
});
}
}, [existingFields, index, nameValue, setExistingFields, setValue]);
@ -92,7 +92,7 @@ const CustomParamField: React.FC<Props> = ({
</FormError>
</div>
<div>
<InputLabel>Value</InputLabel>
<InputLabel>Value *</InputLabel>
<Input
name={`customParams.${index}.value` as const}
hookFormOptions={{

2
kafka-ui-react-app/src/lib/yupExtended.ts
View file

@ -61,7 +61,7 @@ export const topicFormValidationSchema = yup.object().shape({
maxMessageBytes: yup.number().min(1).required(),
customParams: yup.array().of(
yup.object().shape({
name: yup.string().required(),
name: yup.string().required('Custom parameter is required'),
value: yup.string().required('Value is required'),
})
),