From 88b86d063db3265734c11897a71c19c7edf58ce4 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 2 May 2022 18:41:26 -0400
Subject: [PATCH] UI Revert empty state for host details users/software (#5489)

---
 .../details/cards/EmptyState/EmptyState.tsx      | 16 ++++------------
 .../hosts/details/cards/EmptyState/_styles.scss  |  6 ++++++
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx b/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx
index 5598abe77a..1a2dcc3081 100644
--- a/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx
+++ b/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 
 import ExternalLinkIcon from "../../../../../../assets/images/open-new-tab-12x12@2x.png";
-import DisableIcon from "../../../../../../assets/images/icon-action-disable-red-16x16@2x.png";
 
 const baseClass = "empty-state";
 
@@ -61,19 +60,12 @@ const EmptyState = ({ title, reason }: IEmptyStateProps): JSX.Element => {
           <div className={`${baseClass}__inner`}>
             <div className={`${baseClass}__empty-list`}>
               <h1>
-                <img alt="Disable icon" src={DisableIcon} />
-                No {title} collected from this host.
+                No {title === "software" ? "installed software" : title}{" "}
+                detected on this host.
               </h1>
               <p>
-                Check out the Fleet documentation on{" "}
-                <a
-                  href="https://fleetdm.com/docs/using-fleet/faq#why-is-my-host-not-returning-vitals"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  how to troubleshoot{" "}
-                  <img alt="External link" src={ExternalLinkIcon} />
-                </a>
+                Expecting to see {title}? Try again in a few seconds as the
+                system catches up.
               </p>
             </div>
           </div>
diff --git a/frontend/pages/hosts/details/cards/EmptyState/_styles.scss b/frontend/pages/hosts/details/cards/EmptyState/_styles.scss
index 983741d53e..346daae297 100644
--- a/frontend/pages/hosts/details/cards/EmptyState/_styles.scss
+++ b/frontend/pages/hosts/details/cards/EmptyState/_styles.scss
@@ -44,6 +44,12 @@
     }
   }
 
+  &__empty-list {
+    h1 {
+      font-size: $small;
+    }
+  }
+
   &__empty-filter-results {
     display: flex;
     flex-direction: column;