diff --git a/app/react/portainer/environments/ListView/ListView.tsx b/app/react/portainer/environments/ListView/ListView.tsx index f3801d083..633ff1556 100644 --- a/app/react/portainer/environments/ListView/ListView.tsx +++ b/app/react/portainer/environments/ListView/ListView.tsx @@ -1,5 +1,6 @@ import { useStore } from 'zustand'; +import { notifySuccess } from '@/portainer/services/notifications'; import { environmentStore } from '@/react/hooks/current-environment-store'; import { PageHeader } from '@@/PageHeader'; @@ -26,7 +27,7 @@ export function ListView() { ); - async function handleRemove(environments: Array) { + async function handleRemove(environmentsToDelete: Array) { const confirmed = await confirmDelete( 'This action will remove all configurations associated to your environment(s). Continue?' ); @@ -37,16 +38,24 @@ export function ListView() { const id = constCurrentEnvironmentStore.environmentId; // If the current endpoint was deleted, then clean endpoint store - if (environments.some((e) => e.Id === id)) { + if (environmentsToDelete.some((e) => e.Id === id)) { constCurrentEnvironmentStore.clear(); } deletionMutation.mutate( - environments.map((e) => ({ + environmentsToDelete.map((e) => ({ id: e.Id, deleteCluster: false, name: e.Name, - })) + })), + { + onSuccess() { + notifySuccess( + 'Environments successfully removed', + environmentsToDelete.map((e) => e.Name).join(', ') + ); + }, + } ); } }