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' ? {label} : label const modalTitle = resourceKind ? `Confirm delete ${resourceKind}` : 'Confirm delete' useConfirmAction.setState({ actionConfig: { doAction: doDelete, - modalContent:

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',