Merge branch 'warn-about-problematic-consequences'

ClusterLabs · Nov 7, 2024 · 5c4b494 · 5c4b494
2 parents f30e604 + 5166e11
commit 5c4b494
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/packages/app/src/app/view/dashboard/clusterList/DashboardClusterMenu.tsx b/packages/app/src/app/view/dashboard/clusterList/DashboardClusterMenu.tsx
@@ -1,3 +1,5 @@
+import {Alert} from "@patternfly/react-core";
+
 import {LauncherDropdown} from "app/view/share";
 import {useOpenTask} from "app/view/task";
 import {testMarks} from "app/view/dataTest";
@@ -52,10 +54,24 @@ export const DashboardClusterMenu = ({clusterName}: {clusterName: string}) => {
           name: "destroy",
           confirm: {
             title: `Destroy the cluster "${clusterName}"?`,
+            titleVariant: "warning",
             description: (
               <>
-                The cluster will be stopped and all its configuration files will
-                be deleted. This action cannot be undone.
+                <div className="pf-v5-u-mb-sm">
+                  The cluster will be stopped and all its configuration files
+                  will be deleted.
+                </div>
+                <Alert
+                  title={
+                    <div {...actions.destroy.warning.mark}>
+                      This command permanently removes any cluster configuration
+                      that has been created. This action cannot be undone.
+                    </div>
+                  }
+                  isPlain
+                  isInline
+                  variant="warning"
+                ></Alert>
               </>
             ),
             action: {

diff --git a/packages/app/src/app/view/dataTest/json/dashboard.json b/packages/app/src/app/view/dataTest/json/dashboard.json
@@ -2,7 +2,9 @@
   "clusterList": {
     "cluster": {
       "actions": {
-        "destroy": {},
+        "destroy": {
+          "warning": {}
+        },
         "remove": {},
         "start": {},
         "stop": {}