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(
-
- );
+ toast();
} catch (error) {
console.error("Error while deleting object: ", error);
}
@@ -77,11 +74,11 @@ export default function ModalDeleteObject({ label, rowToDelete, open, close, onD
Are you sure you want to remove the {label}
- "{rowToDelete?.display_label || rowToDelete?.name?.value || rowToDelete?.name}
+ "{objectDisplay}
"
?