From b66bca62c61ab9a2cde63ca39ec59ba92b174db9 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 19 Jun 2024 13:10:32 -0400
Subject: [PATCH] Fleet UI: Account for 0 as empty state instead of undefined
 (#19854)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Issue
Unreleased fix for #18115

## Description
- BE shows `0` count for empty state so FE needs to account for `0`
instead of `undefined`

## Screenshot of fix
<img width="1219" alt="Screenshot 2024-06-18 at 5 00 04 PM"
src="https://github.com/fleetdm/fleet/assets/71795832/cd6ec944-ce99-4f8e-a630-9bf037abd0b9">


# Checklist for submitter

If some of the following don't apply, delete the relevant line.

<!-- Note that API documentation changes are now addressed by the
product design team. -->

- [x] Manual QA for all new/changed functionality
---
 .../hosts/components/IssuesIndicator/IssuesIndicator.tsx   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/hosts/components/IssuesIndicator/IssuesIndicator.tsx b/frontend/pages/hosts/components/IssuesIndicator/IssuesIndicator.tsx
index 48e18c22fa..c7ebe09753 100644
--- a/frontend/pages/hosts/components/IssuesIndicator/IssuesIndicator.tsx
+++ b/frontend/pages/hosts/components/IssuesIndicator/IssuesIndicator.tsx
@@ -39,10 +39,11 @@ const IssuesIndicator = ({
         data-html
       >
         <span className={`tooltip__tooltip-text`}>
-          {criticalVulnerabilitiesCount &&
+          {!!criticalVulnerabilitiesCount &&
             `Critical vulnerabilities (${criticalVulnerabilitiesCount})`}
-          {criticalVulnerabilitiesCount && failingPoliciesCount && <br />}
-          {failingPoliciesCount && `Failing policies (${failingPoliciesCount})`}
+          {!!criticalVulnerabilitiesCount && !!failingPoliciesCount && <br />}
+          {!!failingPoliciesCount &&
+            `Failing policies (${failingPoliciesCount})`}
         </span>
       </ReactTooltip>
     </>