From 83eebecb99d5a2b4afba3ec87f5562ba2a1145f5 Mon Sep 17 00:00:00 2001
From: pa-lem <pa-lem@hotmail.fr>
Date: Wed, 18 Sep 2024 08:56:17 +0200
Subject: [PATCH] improve delete label

---
 .../src/components/modals/modal-delete-object.tsx   | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/app/src/components/modals/modal-delete-object.tsx b/frontend/app/src/components/modals/modal-delete-object.tsx
index a6c6fec35d..83b0edcb3c 100644
--- a/frontend/app/src/components/modals/modal-delete-object.tsx
+++ b/frontend/app/src/components/modals/modal-delete-object.tsx
@@ -27,6 +27,8 @@ export default function ModalDeleteObject({ label, rowToDelete, open, close, onD
   const date = useAtomValue(datetimeAtom);
   const { objectKind } = useParams();
 
+  const objectDisplay = rowToDelete?.display_label || rowToDelete?.name?.value || rowToDelete?.name;
+
   const handleDeleteObject = async () => {
     if (!rowToDelete?.id) {
       return;
@@ -60,12 +62,7 @@ export default function ModalDeleteObject({ label, rowToDelete, open, close, onD
 
       close();
 
-      toast(
-        <Alert
-          type={ALERT_TYPES.SUCCESS}
-          message={`Object ${rowToDelete?.display_label} deleted`}
-        />
-      );
+      toast(<Alert type={ALERT_TYPES.SUCCESS} message={`Object ${objectDisplay} deleted`} />);
     } catch (error) {
       console.error("Error while deleting object: ", error);
     }
@@ -77,11 +74,11 @@ export default function ModalDeleteObject({ label, rowToDelete, open, close, onD
     <ModalDelete
       title="Delete"
       description={
-        rowToDelete?.display_label || rowToDelete?.name?.value || rowToDelete?.name ? (
+        objectDisplay ? (
           <>
             Are you sure you want to remove the <i>{label}</i>
             <b className="ml-2">
-              &quot;{rowToDelete?.display_label || rowToDelete?.name?.value || rowToDelete?.name}
+              &quot;{objectDisplay}
               &quot;
             </b>
             ?