UI Revert empty state for host details users/software (#5489)

This commit is contained in:
RachelElysia 2022-05-02 18:41:26 -04:00 committed by GitHub
parent adc945515e
commit 88b86d063d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 12 deletions

View file

@ -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>

View file

@ -44,6 +44,12 @@
}
}
&__empty-list {
h1 {
font-size: $small;
}
}
&__empty-filter-results {
display: flex;
flex-direction: column;