Merge branch 'main' into issue/1262

Author: germanosin

frontend/src/components/ConsumerGroups/Details/ListItem.tsx

@@ -31,6 +31,9 @@ const ListItem: React.FC<Props> = ({ clusterName, name, consumers }) => {
     useDeleteConsumerGroupOffsetsMutation(consumerProps);
 
   const getTotalconsumerLag = () => {
+    if (consumers.every((consumer) => consumer?.consumerLag === null)) {
+      return 'N/A';
+    }
     let count = 0;
     consumers.forEach((consumer) => {
       count += consumer?.consumerLag || 0;

frontend/src/components/Topics/List/TopicTable.tsx

@@ -75,19 +75,13 @@ const TopicTable: React.FC = () => {
         maxSize: 148,
       },
       {
+        id: TopicColumnsToSort.MESSAGES_COUNT,
         header: 'Number of messages',
-        accessorKey: 'partitions',
-        enableSorting: false,
-        size: 146,
-        cell: ({ getValue }) => {
-          const partitions = getValue<Topic['partitions']>();
-          if (partitions === undefined || partitions.length === 0) {
-            return 0;
-          }
-          return partitions.reduce((memo, { offsetMax, offsetMin }) => {
-            return memo + (offsetMax - offsetMin);
-          }, 0);
+        accessorKey: 'messagesCount',
+        cell: (args) => {
+          return args.getValue() ?? 'N/A';
         },
+        size: 146,
       },
       {
         id: TopicColumnsToSort.SIZE,

frontend/src/lib/fixtures/topics.ts

@@ -17,6 +17,7 @@ export const internalTopicPayload = {
   segmentSize: 0,
   segmentCount: 1,
   underReplicatedPartitions: 0,
+  messagesCount: 0,
   partitions: [
     {
       partition: 0,
@@ -38,6 +39,7 @@ export const externalTopicPayload = {
   segmentSize: 1263,
   segmentCount: 1,
   underReplicatedPartitions: 0,
+  messagesCount: 0,
   partitions: [
     {
       partition: 0,