From 020dc9a22065995d8a00a4ccbcebd0dd23180173 Mon Sep 17 00:00:00 2001
From: andreas-unleash <andreas@getunleash.ai>
Date: Wed, 20 Mar 2024 17:30:21 +0200
Subject: [PATCH] fix: do not show flagsPerUser when calculation results to NaN

Signed-off-by: andreas-unleash <andreas@getunleash.ai>
---
 .../componentsStat/FlagStats/FlagStats.tsx                | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx b/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx
index 9c6e77da34..b289afc783 100644
--- a/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx
+++ b/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx
@@ -83,7 +83,11 @@ export const FlagStats: React.FC<IFlagStatsProps> = ({
             </StyledRingContainer>
 
             <ConditionallyRender
-                condition={flagsPerUser !== undefined && flagsPerUser !== ''}
+                condition={
+                    flagsPerUser !== undefined &&
+                    flagsPerUser !== '' &&
+                    flagsPerUser !== 'NaN'
+                }
                 show={
                     <StyledInsightsContainer>
                         <StyledTextContainer>
@@ -102,7 +106,7 @@ export const FlagStats: React.FC<IFlagStatsProps> = ({
                             </Typography>
                         </StyledTextContainer>
                         <StyledFlagCountPerUser>
-                            {flagsPerUser}
+                            {flagsPerUser ?? 'N/A'}
                         </StyledFlagCountPerUser>
                     </StyledInsightsContainer>
                 }