From 3a32b3a652cb562eb1106288e3ae7bc9b4ba818d Mon Sep 17 00:00:00 2001
From: Sambhavi Pandey <sambhavi.pandey@aexp.com>
Date: Wed, 23 Jul 2025 23:16:53 +0530
Subject: [PATCH] fix(#1072): show N/A when consumer lag is null

---
 frontend/src/components/ConsumerGroups/Details/ListItem.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/ConsumerGroups/Details/ListItem.tsx b/frontend/src/components/ConsumerGroups/Details/ListItem.tsx
index 21560e9ca..19701b91d 100644
--- a/frontend/src/components/ConsumerGroups/Details/ListItem.tsx
+++ b/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;