From d8af8c638b88a65fa6155f67bcd7da4b0d857226 Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Tue, 6 Aug 2024 10:16:54 -0400 Subject: [PATCH] Fleet UI: Updates to installed software tooltips (#21084) --- .../SoftwarePackageCard/SoftwarePackageCard.tsx | 9 +++++++-- .../Software/InstallStatusCell/InstallStatusCell.tsx | 6 +++--- .../SelfService/SelfServiceItem/SelfServiceItem.tsx | 2 ++ 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/SoftwarePackageCard.tsx b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/SoftwarePackageCard.tsx index 1cc7d63699..5ecea75074 100644 --- a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/SoftwarePackageCard.tsx +++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/SoftwarePackageCard.tsx @@ -76,7 +76,7 @@ const SoftwareName = ({ name }: ISoftwareNameProps) => { interface IStatusDisplayOption { displayName: string; iconName: "success" | "pending-outline" | "error"; - tooltip: string; + tooltip: React.ReactNode; } const STATUS_DISPLAY_OPTIONS: Record< @@ -86,7 +86,12 @@ const STATUS_DISPLAY_OPTIONS: Record< installed: { displayName: "Installed", iconName: "success", - tooltip: "Fleet installed software on these hosts.", + tooltip: ( + <> + Fleet installed software on these hosts. Currently, if the software is + uninstalled, the "Installed" status won't be updated. + + ), }, pending: { displayName: "Pending", diff --git a/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx b/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx index 7e8ea90bc1..f2822518e6 100644 --- a/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx +++ b/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx @@ -38,9 +38,9 @@ export const INSTALL_STATUS_DISPLAY_OPTIONS: Record< displayText: "Installed", tooltip: ({ lastInstalledAt: lastInstall }) => ( <> - Fleet installed software on this host - {dateAgo(lastInstall as string)}). Currently, if the software is - deleted, the “Installed” status won’t be updated. + Fleet installed software on this host {dateAgo(lastInstall as string)}). + Currently, if the software is uninstalled, the "Installed" + status won't be updated. ), }, diff --git a/frontend/pages/hosts/details/cards/Software/SelfService/SelfServiceItem/SelfServiceItem.tsx b/frontend/pages/hosts/details/cards/Software/SelfService/SelfServiceItem/SelfServiceItem.tsx index 76b7cd7f7f..18da7ebd43 100644 --- a/frontend/pages/hosts/details/cards/Software/SelfService/SelfServiceItem/SelfServiceItem.tsx +++ b/frontend/pages/hosts/details/cards/Software/SelfService/SelfServiceItem/SelfServiceItem.tsx @@ -27,6 +27,8 @@ const STATUS_CONFIG: Record = { tooltip: ({ lastInstalledAt }) => ( <> Software installed successfully ({dateAgo(lastInstalledAt as string)}). + Currently, if the software is uninstalled, the "Installed" + status won't be updated. ), },