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

fixing message count problem when clearing or adding messages (#2029)

Browse source
This commit is contained in:
Robert Azizbekyan 2022-05-30 11:38:46 +04:00 • committed by GitHub
parent cc109a7125
commit cf6454c987
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
kafka-ui-react-app/src/components/Topics/Topic/Details/Overview/Overview.tsx
View file

@ -39,11 +39,13 @@ const Overview: React.FC<Props> = ({
}) => {
const { isReadOnly } = React.useContext(ClusterContext);
const messageCount = React.useMemo(() => {
return (partitions || []).reduce((memo, partition) => {
const messageCount = React.useMemo(
() =>
(partitions || []).reduce((memo, partition) => {
return memo + partition.offsetMax - partition.offsetMin;
}, 0);
}, [partitions]);
}, 0),
[partitions]
);
return (
<>

6
kafka-ui-react-app/src/components/Topics/Topic/SendMessage/SendMessage.tsx
View file

@ -6,7 +6,10 @@ import { useHistory, useParams } from 'react-router-dom';
import { clusterTopicMessagesPath } from 'lib/paths';
import jsf from 'json-schema-faker';
import { messagesApiClient } from 'redux/reducers/topicMessages/topicMessagesSlice';
import { fetchTopicMessageSchema } from 'redux/reducers/topics/topicsSlice';
import {
fetchTopicMessageSchema,
fetchTopicDetails,
} from 'redux/reducers/topics/topicsSlice';
import { useAppDispatch, useAppSelector } from 'lib/hooks/redux';
import { alertAdded } from 'redux/reducers/alerts/alertsSlice';
import { now } from 'lodash';
@ -126,6 +129,7 @@ const SendMessage: React.FC = () => {
partition,
},
});
dispatch(fetchTopicDetails({ clusterName, topicName }));
} catch (e) {
dispatch(
alertAdded({

3
kafka-ui-react-app/src/redux/reducers/topicMessages/topicMessagesSlice.ts
View file

@ -4,6 +4,7 @@ import { TopicMessage, Configuration, MessagesApi } from 'generated-sources';
import { BASE_PARAMS } from 'lib/constants';
import { getResponse } from 'lib/errorHandling';
import { showSuccessAlert } from 'redux/reducers/alerts/alertsSlice';
import { fetchTopicDetails } from 'redux/reducers/topics/topicsSlice';
const apiClientConf = new Configuration(BASE_PARAMS);
export const messagesApiClient = new MessagesApi(apiClientConf);
@ -23,7 +24,7 @@ export const clearTopicMessages = createAsyncThunk<
topicName,
partitions,
});
dispatch(fetchTopicDetails({ clusterName, topicName }));
dispatch(
showSuccessAlert({
id: `message-${topicName}-${clusterName}-${partitions}`,