From 8f9f377a63b4e35950b2e4f72fc363cc404f3bf4 Mon Sep 17 00:00:00 2001
From: Du Tran <quangdutran809@gmail.com>
Date: Tue, 13 May 2025 09:55:25 +0300
Subject: [PATCH] FE: Does not show consumer lag if it 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..43e4112bd 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 '';
+    }
     let count = 0;
     consumers.forEach((consumer) => {
       count += consumer?.consumerLag || 0;