diff --git a/changes/19646-ui-profiles-pending-tooltip b/changes/19646-ui-profiles-pending-tooltip new file mode 100644 index 0000000000..824ba143c9 --- /dev/null +++ b/changes/19646-ui-profiles-pending-tooltip @@ -0,0 +1 @@ +- Updated UI tooltips for pending OS settings. diff --git a/frontend/pages/ManageControlsPage/OSSettings/ProfileStatusAggregate/ProfileStatusAggregateOptions.ts b/frontend/pages/ManageControlsPage/OSSettings/ProfileStatusAggregate/ProfileStatusAggregateOptions.ts index 22c941ff0b..0eb19fa4a2 100644 --- a/frontend/pages/ManageControlsPage/OSSettings/ProfileStatusAggregate/ProfileStatusAggregateOptions.ts +++ b/frontend/pages/ManageControlsPage/OSSettings/ProfileStatusAggregate/ProfileStatusAggregateOptions.ts @@ -28,7 +28,7 @@ const AGGREGATE_STATUS_DISPLAY_OPTIONS: IAggregateDisplayOption[] = [ text: "Pending", iconName: "pendingPartial", tooltipText: - "These hosts will receive MDM command to apply OS settings when the host come online.", + "These hosts will apply the latest OS settings. Click on a host to view which settings.", }, { value: "failed", diff --git a/frontend/pages/hosts/details/cards/HostSummary/OSSettingsIndicator/OSSettingsIndicator.tsx b/frontend/pages/hosts/details/cards/HostSummary/OSSettingsIndicator/OSSettingsIndicator.tsx index bd129a20c5..60cc9c069b 100644 --- a/frontend/pages/hosts/details/cards/HostSummary/OSSettingsIndicator/OSSettingsIndicator.tsx +++ b/frontend/pages/hosts/details/cards/HostSummary/OSSettingsIndicator/OSSettingsIndicator.tsx @@ -1,12 +1,10 @@ import React from "react"; -import ReactTooltip from "react-tooltip"; import { IHostMdmProfile, MdmProfileStatus } from "interfaces/mdm"; import Icon from "components/Icon"; import Button from "components/buttons/Button"; import { IconNames } from "components/icons"; -import { COLORS } from "styles/var/colors"; const baseClass = "os-settings-indicator"; @@ -21,7 +19,6 @@ interface IStatusDisplayOption { IconNames, "success" | "success-outline" | "pending" | "pending-outline" | "error" >; - tooltipText: string; } type StatusDisplayOptions = Record< MdmProfileStatusForDisplay, @@ -31,23 +28,15 @@ type StatusDisplayOptions = Record< const STATUS_DISPLAY_OPTIONS: StatusDisplayOptions = { Verified: { iconName: "success", - tooltipText: "These hosts applied all OS settings. Fleet verified.", }, Verifying: { iconName: "success-outline", - tooltipText: - "The host acknowledged all MDM commands to apply OS settings. " + - "Fleet is verifying the OS settings are applied with osquery.", }, Pending: { iconName: "pending-outline", - tooltipText: - "The host will receive MDM command to apply OS settings when the host comes online.", }, Failed: { iconName: "error", - tooltipText: - "The host failed to apply the latest OS settings. Click to view error(s).", }, }; @@ -128,31 +117,13 @@ const OSSettingsIndicator = ({ return ( - - - - - - {statusDisplayOption.tooltipText} - - + {displayStatus} + ); };