diff --git a/meinberlin/react/kiezradar/KiezradarList.jsx b/meinberlin/react/kiezradar/KiezradarList.jsx index c1def0e7cc..40806b4fd2 100644 --- a/meinberlin/react/kiezradar/KiezradarList.jsx +++ b/meinberlin/react/kiezradar/KiezradarList.jsx @@ -17,7 +17,12 @@ const editText = django.gettext('Edit') const deleteText = django.gettext('Delete') const closeText = django.gettext('Close') const viewProjectsText = django.gettext('View projects') -const confirmDeletion = django.gettext('Confirm deletion') +const confirmDeletionText = (name) => + django.interpolate( + django.gettext('Confirm deletion of %(name)s'), + { name }, + true + ) const confirmDeletionDescriptionText = django.gettext('You will no longer be able to select this kiez in the Kiezradar. In addition, search profiles based on this kiez will also be deleted.') export default function KiezradarList ({ @@ -91,7 +96,13 @@ export default function KiezradarList ({ ) : ( <> - {deleteModal?.kiezradar && handleDelete(deleteModal.kiezradar)} onClose={() => setDeleteModal(null)} />} + {deleteModal?.kiezradar && ( + handleDelete(deleteModal.kiezradar)} + onClose={() => setDeleteModal(null)} + /> + )}

{kiezradars.length === 0 ? yourKiezradarsText @@ -184,7 +195,7 @@ function DeleteButton ({ onDelete }) { ) } -function DeleteModal ({ onDelete, onClose }) { +function DeleteModal ({ kiezradar, onDelete, onClose }) { const dialogRef = useRef(null) const closeModal = () => { @@ -211,7 +222,7 @@ function DeleteModal ({ onDelete, onClose }) { -

{confirmDeletion}

+

{confirmDeletionText(kiezradar.name)}

{confirmDeletionDescriptionText}