From 9962d29926436ffa10d18db02edb839ee28e3951 Mon Sep 17 00:00:00 2001
From: Winnie Chiu <113582273+winnie-chiu@users.noreply.github.com>
Date: Tue, 20 Sep 2022 07:37:21 +0800
Subject: [PATCH] Add "Num of Topics" to Topic/Consumer tab (#2607)

Co-authored-by: winniechiu <winniechiu@cht.com.tw>
---
 .../Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx         | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/kafka-ui-react-app/src/components/Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx b/kafka-ui-react-app/src/components/Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx
index 82551ac250..d1d6c4ece2 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx
@@ -22,6 +22,7 @@ const TopicConsumerGroups: React.FC = () => {
         <tr>
           <TableHeaderCell title="Consumer Group ID" />
           <TableHeaderCell title="Num Of Members" />
+          <TableHeaderCell title="Num Of Topics" />
           <TableHeaderCell title="Messages Behind" />
           <TableHeaderCell title="Coordinator" />
           <TableHeaderCell title="State" />
@@ -40,6 +41,7 @@ const TopicConsumerGroups: React.FC = () => {
               </Link>
             </TableKeyLink>
             <td>{consumer.members}</td>
+            <td>{consumer.topics}</td>
             <td>{consumer.messagesBehind}</td>
             <td>{consumer.coordinator?.id}</td>
             <td>