From d9d0679e325ea21649ea1a3ca38f2bc687c5ed76 Mon Sep 17 00:00:00 2001
From: Krum Tyukenov <krum.tyukenov@redis.com>
Date: Wed, 19 Feb 2025 14:41:52 +0200
Subject: [PATCH] RI-6844: hide db overview metrics when data is not available

---
 .../components/OverviewMetrics/OverviewMetrics.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx b/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx
index c107a8b540..839b4e6ea3 100644
--- a/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx
+++ b/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx
@@ -199,7 +199,7 @@ export const getOverviewMetrics = ({ theme, items, db = 0 }: Props): Array<IMetr
     ]
   }
 
-  availableItems.push(opsPerSecItem)
+  opsPerSecond !== undefined && availableItems.push(opsPerSecItem)
 
   // Used memory
   const planMemoryLimit = cloudDetails?.planMemoryLimit
@@ -213,7 +213,7 @@ export const getOverviewMetrics = ({ theme, items, db = 0 }: Props): Array<IMetr
   const memoryUsedTooltip = planMemory ? ` / ${planMemory} (${usedMemoryPercent}%)` : ''
 
   const formattedUsedMemoryTooltip = formatBytes(usedMemory || 0, 3, true)
-  availableItems.push({
+  usedMemory !== undefined && availableItems.push({
     id: 'overview-total-memory',
     value: usedMemory,
     unavailableText: 'Total Memory is not available',
@@ -280,13 +280,13 @@ export const getOverviewMetrics = ({ theme, items, db = 0 }: Props): Array<IMetr
     ]
   }
 
-  availableItems.push(totalKeysItem)
+  totalKeys !== undefined && availableItems.push(totalKeysItem)
 
   const getConnectedClient = (connectedClients: number = 0) =>
     (Number.isInteger(connectedClients) ? connectedClients : `~${Math.round(connectedClients)}`)
 
   // Connected clients
-  availableItems.push({
+  connectedClients !== undefined && availableItems.push({
     id: 'overview-connected-clients',
     value: connectedClients,
     unavailableText: 'Connected Clients are not available',