From 7029ba1ce0af1d6e3a85379c1f3c9cd4090764f4 Mon Sep 17 00:00:00 2001
From: AmbrishRamachandiran <ambrish.r@infosys.com>
Date: Tue, 22 Aug 2023 13:19:36 +0530
Subject: [PATCH] delete popup added for entity delete action

Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
---
 .changeset/gorgeous-coins-attack.md              |  5 +++++
 .../UnregisterEntityDialog.tsx                   | 16 +++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/gorgeous-coins-attack.md

diff --git a/.changeset/gorgeous-coins-attack.md b/.changeset/gorgeous-coins-attack.md
new file mode 100644
index 0000000000..d500459225
--- /dev/null
+++ b/.changeset/gorgeous-coins-attack.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Added delete alert popup when user delete the entity
diff --git a/plugins/catalog-react/src/components/UnregisterEntityDialog/UnregisterEntityDialog.tsx b/plugins/catalog-react/src/components/UnregisterEntityDialog/UnregisterEntityDialog.tsx
index 6c4984129e..7ffc5200af 100644
--- a/plugins/catalog-react/src/components/UnregisterEntityDialog/UnregisterEntityDialog.tsx
+++ b/plugins/catalog-react/src/components/UnregisterEntityDialog/UnregisterEntityDialog.tsx
@@ -85,7 +85,21 @@ const Contents = ({
         setBusy(true);
         try {
           await state.deleteEntity();
+          const entityArray = [entity].flat();
+          const entityNames = entityArray.map(
+            item => item.metadata.title ?? item.metadata.name,
+          );
           onConfirm();
+          const message =
+            entityNames.length === 1
+              ? `Removed entity '${entityNames[0]}'`
+              : `Removed entities: '${entityNames.join("', '")}'`;
+
+          alertApi.post({
+            message,
+            severity: 'success',
+            display: 'transient',
+          });
         } catch (err) {
           assertError(err);
           alertApi.post({ message: err.message });
@@ -94,7 +108,7 @@ const Contents = ({
         }
       }
     },
-    [alertApi, onConfirm, state],
+    [alertApi, onConfirm, state, entity],
   );
 
   const DialogActionsPanel = () => (