|
@@ -16,7 +16,7 @@ import ListItem from './ListItem';
|
|
|
|
|
|
export interface Props extends ConsumerGroup, ConsumerGroupDetails {
|
|
export interface Props extends ConsumerGroup, ConsumerGroupDetails {
|
|
clusterName: ClusterName;
|
|
clusterName: ClusterName;
|
|
- consumers?: ConsumerGroupTopicPartition[];
|
|
|
|
|
|
+ partitions?: ConsumerGroupTopicPartition[];
|
|
isFetched: boolean;
|
|
isFetched: boolean;
|
|
isDeleted: boolean;
|
|
isDeleted: boolean;
|
|
fetchConsumerGroupDetails: (
|
|
fetchConsumerGroupDetails: (
|
|
@@ -29,7 +29,7 @@ export interface Props extends ConsumerGroup, ConsumerGroupDetails {
|
|
const Details: React.FC<Props> = ({
|
|
const Details: React.FC<Props> = ({
|
|
clusterName,
|
|
clusterName,
|
|
groupId,
|
|
groupId,
|
|
- consumers,
|
|
|
|
|
|
+ partitions,
|
|
isFetched,
|
|
isFetched,
|
|
isDeleted,
|
|
isDeleted,
|
|
fetchConsumerGroupDetails,
|
|
fetchConsumerGroupDetails,
|
|
@@ -38,7 +38,7 @@ const Details: React.FC<Props> = ({
|
|
React.useEffect(() => {
|
|
React.useEffect(() => {
|
|
fetchConsumerGroupDetails(clusterName, groupId);
|
|
fetchConsumerGroupDetails(clusterName, groupId);
|
|
}, [fetchConsumerGroupDetails, clusterName, groupId]);
|
|
}, [fetchConsumerGroupDetails, clusterName, groupId]);
|
|
- const items = consumers || [];
|
|
|
|
|
|
+ const items = partitions || [];
|
|
const [isConfirmationModelVisible, setIsConfirmationModelVisible] =
|
|
const [isConfirmationModelVisible, setIsConfirmationModelVisible] =
|
|
React.useState<boolean>(false);
|
|
React.useState<boolean>(false);
|
|
const history = useHistory();
|
|
const history = useHistory();
|