mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Remove new hosts count from homepage (#4283)
This commit is contained in:
parent
1526a1b336
commit
3734cbd3a4
4 changed files with 1 additions and 22 deletions
1
changes/issue-3285-remove-new-host-count
Normal file
1
changes/issue-3285-remove-new-host-count
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
* Remove new hosts count from homepage
|
||||||
|
|
@ -48,7 +48,6 @@ const Homepage = (): JSX.Element => {
|
||||||
const [windowsCount, setWindowsCount] = useState<string>("0");
|
const [windowsCount, setWindowsCount] = useState<string>("0");
|
||||||
const [onlineCount, setOnlineCount] = useState<string | undefined>();
|
const [onlineCount, setOnlineCount] = useState<string | undefined>();
|
||||||
const [offlineCount, setOfflineCount] = useState<string | undefined>();
|
const [offlineCount, setOfflineCount] = useState<string | undefined>();
|
||||||
const [newCount, setNewCount] = useState<string | undefined>();
|
|
||||||
const [showActivityFeedTitle, setShowActivityFeedTitle] = useState<boolean>(
|
const [showActivityFeedTitle, setShowActivityFeedTitle] = useState<boolean>(
|
||||||
false
|
false
|
||||||
);
|
);
|
||||||
|
|
@ -88,7 +87,6 @@ const Homepage = (): JSX.Element => {
|
||||||
onSuccess: (data: IHostSummary) => {
|
onSuccess: (data: IHostSummary) => {
|
||||||
setOnlineCount(data.online_count.toLocaleString("en-US"));
|
setOnlineCount(data.online_count.toLocaleString("en-US"));
|
||||||
setOfflineCount(data.offline_count.toLocaleString("en-US"));
|
setOfflineCount(data.offline_count.toLocaleString("en-US"));
|
||||||
setNewCount(data.new_count.toLocaleString("en-US"));
|
|
||||||
const macHosts = data.platforms?.find(
|
const macHosts = data.platforms?.find(
|
||||||
(platform: IHostSummaryPlatforms) => platform.platform === "darwin"
|
(platform: IHostSummaryPlatforms) => platform.platform === "darwin"
|
||||||
) || { platform: "darwin", hosts_count: 0 };
|
) || { platform: "darwin", hosts_count: 0 };
|
||||||
|
|
@ -147,7 +145,6 @@ const Homepage = (): JSX.Element => {
|
||||||
<HostsStatus
|
<HostsStatus
|
||||||
onlineCount={onlineCount}
|
onlineCount={onlineCount}
|
||||||
offlineCount={offlineCount}
|
offlineCount={offlineCount}
|
||||||
newCount={newCount}
|
|
||||||
isLoadingHosts={isHostSummaryFetching}
|
isLoadingHosts={isHostSummaryFetching}
|
||||||
showHostsUI={showHostsUI}
|
showHostsUI={showHostsUI}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,6 @@ const baseClass = "hosts-status";
|
||||||
interface IHostSummaryProps {
|
interface IHostSummaryProps {
|
||||||
onlineCount: string | undefined;
|
onlineCount: string | undefined;
|
||||||
offlineCount: string | undefined;
|
offlineCount: string | undefined;
|
||||||
newCount: string | undefined;
|
|
||||||
isLoadingHosts: boolean;
|
isLoadingHosts: boolean;
|
||||||
showHostsUI: boolean;
|
showHostsUI: boolean;
|
||||||
}
|
}
|
||||||
|
|
@ -13,7 +12,6 @@ interface IHostSummaryProps {
|
||||||
const HostsStatus = ({
|
const HostsStatus = ({
|
||||||
onlineCount,
|
onlineCount,
|
||||||
offlineCount,
|
offlineCount,
|
||||||
newCount,
|
|
||||||
isLoadingHosts,
|
isLoadingHosts,
|
||||||
showHostsUI,
|
showHostsUI,
|
||||||
}: IHostSummaryProps): JSX.Element => {
|
}: IHostSummaryProps): JSX.Element => {
|
||||||
|
|
@ -45,16 +43,6 @@ const HostsStatus = ({
|
||||||
<div className={`${baseClass}__tile-description`}>Offline hosts</div>
|
<div className={`${baseClass}__tile-description`}>Offline hosts</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${baseClass}__tile new-tile`}>
|
|
||||||
<div>
|
|
||||||
<div
|
|
||||||
className={`${baseClass}__tile-count ${baseClass}__tile-count--new`}
|
|
||||||
>
|
|
||||||
{newCount}
|
|
||||||
</div>
|
|
||||||
<div className={`${baseClass}__tile-description`}>New hosts</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -9,13 +9,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
&:first-of-type {
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
&:last-of-type {
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&__tile-count {
|
&__tile-count {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue