diff --git a/app/pages/project/instances/actions.tsx b/app/pages/project/instances/actions.tsx
index b9d281a895..5a1650aa69 100644
--- a/app/pages/project/instances/actions.tsx
+++ b/app/pages/project/instances/actions.tsx
@@ -129,6 +129,7 @@ export const useMakeInstanceActions = (
}),
label: instance.name,
resourceKind: 'instance',
+ extraContent: 'Any attached disks will be detached but not deleted.',
}),
disabled: !instanceCan.delete(instance) && (
<>Only {fancifyStates(instanceCan.delete.states)} instances can be deleted>
diff --git a/app/stores/confirm-delete.tsx b/app/stores/confirm-delete.tsx
index a9caad04fb..6890ed4373 100644
--- a/app/stores/confirm-delete.tsx
+++ b/app/stores/confirm-delete.tsx
@@ -24,17 +24,22 @@ type DeleteConfig = {
*/
label: React.ReactNode
resourceKind?: string
+ extraContent?: React.ReactNode
}
export const confirmDelete =
- ({ doDelete, label, resourceKind }: DeleteConfig) =>
+ ({ doDelete, label, resourceKind, extraContent }: DeleteConfig) =>
() => {
const displayLabel = typeof label === 'string' ?
Are you sure you want to delete {displayLabel}?
, + modalContent: ( ++ Are you sure you want to delete {displayLabel}? {extraContent} +
+ ), errorTitle: 'Could not delete resource', modalTitle, actionType: 'danger',