Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 30

Fleet UI: Fix host summary data styling bug (#17421)

Browse source
This commit is contained in:
RachelElysia 2024-03-07 14:46:13 -05:00 committed by GitHub
parent dcaf2d0a4c
commit 6b73816548
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 18 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
View file

@ -24,7 +24,6 @@ import StatusIndicator from "components/StatusIndicator";
import { COLORS } from "styles/var/colors";
import OSSettingsIndicator from "./OSSettingsIndicator";
import HostSummaryIndicator from "./HostSummaryIndicator";
import BootstrapPackageIndicator from "./BootstrapPackageIndicator/BootstrapPackageIndicator";
import {
@ -369,21 +368,27 @@ const HostSummary = ({
mdmName?.includes("Fleet") && // show if 1 - host is enrolled in Fleet MDM, and
hostMdmProfiles &&
hostMdmProfiles.length > 0 && ( // 2 - host has at least one setting (profile) enforced
<HostSummaryIndicator title="OS settings">
<OSSettingsIndicator
profiles={hostMdmProfiles}
onClick={toggleOSSettingsModal}
/>
</HostSummaryIndicator>
<DataSet
title="OS settings"
value={
<OSSettingsIndicator
profiles={hostMdmProfiles}
onClick={toggleOSSettingsModal}
/>
}
/>
)}
{bootstrapPackageData?.status && (
<HostSummaryIndicator title="Bootstrap package">
<BootstrapPackageIndicator
status={bootstrapPackageData.status}
onClick={toggleBootstrapPackageModal}
/>
</HostSummaryIndicator>
<DataSet
title="Bootstrap package"
value={
<BootstrapPackageIndicator
status={bootstrapPackageData.status}
onClick={toggleBootstrapPackageModal}
/>
}
/>
)}
{platform !== "chrome" && renderDiskSpaceSummary()}

20
frontend/pages/hosts/details/cards/HostSummary/HostSummaryIndicator/HostSummaryIndicator.tsx
View file

@ -1,20 +0,0 @@
import React from "react";
interface IHostSummaryIndicatorProps {
title: string;
children: JSX.Element;
}
const HostSummaryIndicator = ({
title,
children,
}: IHostSummaryIndicatorProps): JSX.Element => {
return (
<div className="info-flex__item info-flex__item--title">
<span className="info-flex__header">{title}</span>
{children}
</div>
);
};
export default HostSummaryIndicator;

1
frontend/pages/hosts/details/cards/HostSummary/HostSummaryIndicator/index.ts
View file

@ -1 +0,0 @@
export { default } from "./HostSummaryIndicator";