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

Fix custom params list after removing (#1011)

Browse source
This commit is contained in:
Alexander Krivonosov 2021-10-25 15:22:48 +03:00 • committed by GitHub
parent 335e0ea983
commit 9eb96dc59a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,7 +12,7 @@ interface Props {
index: number;
existingFields: string[];
field: FieldArrayWithId<TopicFormData, 'customParams', 'id'>;
remove: (index?: number | number[] | undefined) => void;
remove: (index: number) => void;
setExistingFields: React.Dispatch<React.SetStateAction<string[]>>;
}

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

@ -19,6 +19,12 @@ const CustomParams: React.FC<Props> = ({ isSubmitting }) => {
name: INDEX_PREFIX,
});
const [existingFields, setExistingFields] = React.useState<string[]>([]);
const removeField = (index: number): void => {
setExistingFields(
existingFields.filter((field) => field === fields[index].name)
);
remove(index);
};
return (
<>
@ -36,7 +42,7 @@ const CustomParams: React.FC<Props> = ({ isSubmitting }) => {
<CustomParamField
key={field.id}
field={field}
remove={remove}
remove={removeField}
index={idx}
isDisabled={isSubmitting}
existingFields={existingFields}