From f31e73dbad60118ebc419fe694f2533d4d9b986c Mon Sep 17 00:00:00 2001
From: Gabriel Hernandez <ghernandez345@gmail.com>
Date: Wed, 14 Feb 2024 14:58:38 +0000
Subject: [PATCH] support dynamic host status tooltip based on platform
 (#16821)

relates to #10477

takes into account platform for the host device status tag tooltip.
macOS shows a different tooltip then the other platforms.

**macos:**


![image](https://github.com/fleetdm/fleet/assets/1153709/d0217811-f008-4bc7-95fa-4538580dafab)

**non mac:**


![image](https://github.com/fleetdm/fleet/assets/1153709/fa24f174-3b96-43a3-97d8-97281a4359e8)

- [x] Manual QA for all new/changed functionality
---
 .../pages/hosts/details/cards/HostSummary/HostSummary.tsx   | 2 +-
 frontend/pages/hosts/details/cards/HostSummary/helpers.tsx  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx b/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
index a62c3d9acc..e27ef26cc1 100644
--- a/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
+++ b/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
@@ -415,7 +415,7 @@ const HostSummary = ({
           backgroundColor={COLORS["tooltip-bg"]}
         >
           <span className={`${baseClass}__tooltip-text`}>
-            {tag.generateTooltip()}
+            {tag.generateTooltip(platform)}
           </span>
         </ReactTooltip>
       </>
diff --git a/frontend/pages/hosts/details/cards/HostSummary/helpers.tsx b/frontend/pages/hosts/details/cards/HostSummary/helpers.tsx
index 08f21aa57a..0282416be7 100644
--- a/frontend/pages/hosts/details/cards/HostSummary/helpers.tsx
+++ b/frontend/pages/hosts/details/cards/HostSummary/helpers.tsx
@@ -4,7 +4,7 @@ import { HostMdmDeviceStatusUIState } from "../../helpers";
 interface IDeviceStatusTag {
   title: string;
   tagType: "warning" | "error";
-  generateTooltip: (platform?: string) => string;
+  generateTooltip: (platform: string) => string;
 }
 
 type HostMdmDeviceStatusUIStateNoUnlock = Exclude<
@@ -30,13 +30,13 @@ export const DEVICE_STATUS_TAGS: DeviceStatusTagConfig = {
   unlocking: {
     title: "UNLOCK PENDING",
     tagType: "warning",
-    generateTooltip: () =>
+    generateTooltip: (platform) =>
       "Host will unlock when it comes online.  If the host is online, it will unlock the next time it checks in to Fleet.",
   },
   locking: {
     title: "LOCK PENDING",
     tagType: "warning",
-    generateTooltip: () =>
+    generateTooltip: (platform) =>
       "Host will lock when it comes online.  If the host is online, it will lock the next time it checks in to Fleet.",
   },
 };