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

Merge pull request #27 from provectus/issue-14/update-custom-params-key-to-work-as-object-not-array

Browse source 
issue-14/update-custom-params-key-to-work-as-object-not-array
This commit is contained in:
Azat Gataullin 2020-04-20 12:41:53 +03:00 • committed by GitHub
commit ef1edba34b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -24,7 +24,7 @@ const CustomParams: React.FC<Props> = ({ isSubmitting }) => {
const onAdd = (event: React.MouseEvent<HTMLButtonElement>) => {
event.preventDefault();
const newIndex = `${INDEX_PREFIX}.${new Date().getTime()}`;
const newIndex = `${INDEX_PREFIX}.${new Date().getTime()}ts`;
setFormCustomParams({
...formCustomParams,

14
kafka-ui-react-app/src/redux/api/topics.ts
View file

@ -1,3 +1,4 @@
import { reduce } from 'lodash';
import {
TopicName,
Topic,
@ -5,6 +6,7 @@ import {
TopicDetails,
TopicConfig,
TopicFormData,
TopicFormCustomParam,
} from 'redux/interfaces';
import {
BASE_URL,
@ -23,6 +25,10 @@ export const getTopics = (clusterName: ClusterName): Promise<Topic[]> =>
fetch(`${BASE_URL}/clusters/${clusterName}/topics`, { ...BASE_PARAMS })
.then(res => res.json());
interface Result {
[index: string]: string,
}
export const postTopic = (clusterName: ClusterName, form: TopicFormData): Promise<Topic> => {
const {
name,
@ -34,6 +40,12 @@ export const postTopic = (clusterName: ClusterName, form: TopicFormData): Promis
maxMessageBytes,
minInSyncReplicas,
} = form;
const customParams = reduce(Object.values(form.customParams), (result: Result, customParam: TopicFormCustomParam) => {
result[customParam.name] = customParam.value;
return result;
}, {});
const body = JSON.stringify({
name,
partitions,
@ -44,8 +56,10 @@ export const postTopic = (clusterName: ClusterName, form: TopicFormData): Promis
'retention.bytes': retentionBytes,
'max.message.bytes': maxMessageBytes,
'min.insync.replicas': minInSyncReplicas,
...customParams,
}
});
return fetch(`${BASE_URL}/clusters/${clusterName}/topics`, {
...BASE_PARAMS,
method: 'POST',