fix(endpoints): show toaster on delete [EE-7170] (#11889)

app/react/edge/edge-stacks/CreateView/useCreate.tsx

@@ -4,6 +4,7 @@ import { useCurrentUser } from '@/react/hooks/useUser';
 import { useAnalytics } from '@/react/hooks/useAnalytics';
 import { TemplateViewModel } from '@/react/portainer/templates/app-templates/view-model';
 import { CustomTemplate } from '@/react/portainer/templates/custom-templates/types';
+import { notifySuccess } from '@/portainer/services/notifications';
 
 import {
   BasePayload,
@@ -49,6 +50,7 @@ export function useCreate({
 
     mutation.mutate(getPayload(method, values), {
       onSuccess: () => {
+        notifySuccess('Success', 'Edge stack created');
         router.stateService.go('^');
       },
     });

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<Environment>) {
+  async function handleRemove(environmentsToDelete: Array<Environment>) {
     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(', ')
+          );
+        },
+      }
     );
   }
 }