From b45aa4761da7c9be976273f37452a70d215625b4 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 25 Nov 2024 08:57:27 -0500
Subject: [PATCH] Fleet UI: Add more description to delete host modal (#24089)

---
 changes/22819-delete-modal                      |  1 +
 .../DeleteHostModal/DeleteHostModal.tsx         | 17 ++++++++++++++++-
 .../components/DeleteHostModal/_styles.scss     | 10 ++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 changes/22819-delete-modal
 create mode 100644 frontend/pages/hosts/components/DeleteHostModal/_styles.scss

diff --git a/changes/22819-delete-modal b/changes/22819-delete-modal
new file mode 100644
index 0000000000..a1dc4e5b61
--- /dev/null
+++ b/changes/22819-delete-modal
@@ -0,0 +1 @@
+- Fleet UI: Better information on what deleting a host does
diff --git a/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx b/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
index 003b167c74..90651cb292 100644
--- a/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
+++ b/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
@@ -4,6 +4,8 @@ import strUtils from "utilities/strings";
 
 import Modal from "components/Modal";
 import Button from "components/buttons/Button";
+import CustomLink from "components/CustomLink";
+import { LEARN_MORE_ABOUT_BASE_LINK } from "utilities/constants";
 
 const baseClass = "delete-host-modal";
 
@@ -61,8 +63,21 @@ const DeleteHostModal = ({
     <Modal title="Delete host" onExit={onCancel} className={baseClass}>
       <>
         <p>
-          This will remove the record of <b>{hostText()}</b>.{largeVolumeText()}
+          This will remove the record of <b>{hostText()}</b> and associated data
+          (e.g. unlock PINs).{largeVolumeText()}
         </p>
+        <ul>
+          <li>
+            macOS, Windows, or Linux hosts will re-appear unless Fleet&apos;s
+            agent is uninstalled.{" "}
+            <CustomLink
+              text="Uninstall Fleet's agent"
+              url={`${LEARN_MORE_ABOUT_BASE_LINK}/uninstall-fleetd`}
+              newTab
+            />
+          </li>
+          <li>iOS and iPadOS hosts will re-appear unless MDM is turned off.</li>
+        </ul>
         <div className="modal-cta-wrap">
           <Button
             type="button"
diff --git a/frontend/pages/hosts/components/DeleteHostModal/_styles.scss b/frontend/pages/hosts/components/DeleteHostModal/_styles.scss
new file mode 100644
index 0000000000..a8fbd05584
--- /dev/null
+++ b/frontend/pages/hosts/components/DeleteHostModal/_styles.scss
@@ -0,0 +1,10 @@
+.delete-host-modal {
+  ul {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: $pad-medium;
+    align-self: stretch;
+    padding-inline-start: $pad-large;
+  }
+}