From 3e16f66180abc9cee1154da914b5ba4028ded467 Mon Sep 17 00:00:00 2001
From: gabdevele <schiraldigabriele@gmail.com>
Date: Mon, 15 Jun 2026 15:55:01 +0200
Subject: [PATCH] feat(admin): enhance delete confirmation messages for areas,
 categories, teams, and users in admin panel

---
 app/pages/admin/areas.vue   |  5 ++++-
 app/pages/admin/catalog.vue | 10 ++++++++--
 app/pages/admin/users.vue   | 13 ++++++++++---
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/app/pages/admin/areas.vue b/app/pages/admin/areas.vue
index ba3cd4a..0ae8190 100644
--- a/app/pages/admin/areas.vue
+++ b/app/pages/admin/areas.vue
@@ -33,6 +33,9 @@ const modalTitle = computed(() => editingAreaId.value ? 'Modifica Area' : 'Nuova
 const submitLabel = computed(() => editingAreaId.value ? 'Salva Modifiche' : 'Crea Area')
 const isEditing = computed(() => editingAreaId.value !== null)
 const areas = computed(() => areasRes.value?.areas || [])
+const areaDeleteMessage = computed(() =>
+  areaPendingDelete.value ? `Vuoi eliminare area "${areaPendingDelete.value.name}"? Operazione irreversibile.` : ''
+)
 
 const openCreateModal = () => {
   actionError.value = ''
@@ -393,7 +396,7 @@ const handleDeleteArea = async () => {
     <ConfirmModal
       :open="areaPendingDelete !== null"
       title="Elimina area"
-      :message="areaPendingDelete ? `Vuoi eliminare area \\\"${areaPendingDelete.name}\\\"? Operazione irreversibile.` : ''"
+      :message="areaDeleteMessage"
       confirm-label="Elimina area"
       confirm-class="btn-danger"
       :pending="deletingAreaId !== null"
diff --git a/app/pages/admin/catalog.vue b/app/pages/admin/catalog.vue
index 1cd8874..9a00de1 100644
--- a/app/pages/admin/catalog.vue
+++ b/app/pages/admin/catalog.vue
@@ -43,6 +43,12 @@ const teamPendingDelete = ref<Team | null>(null)
 const categories = computed(() => categoriesRes.value?.categories || [])
 const teams = computed(() => teamsRes.value?.teams || [])
 const areas = computed(() => areasRes.value?.areas || [])
+const categoryDeleteMessage = computed(() =>
+  categoryPendingDelete.value ? `Vuoi eliminare categoria "${categoryPendingDelete.value.name}"? Operazione irreversibile.` : ''
+)
+const teamDeleteMessage = computed(() =>
+  teamPendingDelete.value ? `Vuoi eliminare team "${teamPendingDelete.value.name}"? Operazione irreversibile.` : ''
+)
 
 const resetCategoryForm = () => {
   editingCategoryId.value = null
@@ -418,7 +424,7 @@ const handleDeleteTeam = async () => {
     <ConfirmModal
       :open="categoryPendingDelete !== null"
       title="Elimina categoria"
-      :message="categoryPendingDelete ? `Vuoi eliminare categoria \\\"${categoryPendingDelete.name}\\\"? Operazione irreversibile.` : ''"
+      :message="categoryDeleteMessage"
       confirm-label="Elimina categoria"
       confirm-class="btn-danger"
       :pending="deletingCategoryId !== null"
@@ -429,7 +435,7 @@ const handleDeleteTeam = async () => {
     <ConfirmModal
       :open="teamPendingDelete !== null"
       title="Elimina team"
-      :message="teamPendingDelete ? `Vuoi eliminare team \\\"${teamPendingDelete.name}\\\"? Operazione irreversibile.` : ''"
+      :message="teamDeleteMessage"
       confirm-label="Elimina team"
       confirm-class="btn-danger"
       :pending="deletingTeamId !== null"
diff --git a/app/pages/admin/users.vue b/app/pages/admin/users.vue
index b9189e2..774a608 100644
--- a/app/pages/admin/users.vue
+++ b/app/pages/admin/users.vue
@@ -18,6 +18,13 @@ const roleError = ref('')
 const pendingBanUser = ref<any | null>(null)
 const isUpdatingBan = ref(false)
 const parseRoles = (roles?: string) => roles ? roles.split(',').map((r) => r.trim().toUpperCase()).filter(Boolean) : []
+const banConfirmMessage = computed(() =>
+  pendingBanUser.value
+    ? `Vuoi ${pendingBanUser.value.banned ? 'sbloccare' : 'bannare'} utente ${pendingBanUser.value.first_name} ${pendingBanUser.value.last_name}?`
+    : ''
+)
+const banConfirmLabel = computed(() => pendingBanUser.value?.banned ? 'Sblocca utente' : 'Banna utente')
+const banConfirmClass = computed(() => pendingBanUser.value?.banned ? 'btn-success' : 'btn-danger')
 
 const filteredUsers = computed(() => {
   if (!usersRes.value?.users) return []
@@ -210,9 +217,9 @@ const saveRoles = async () => {
     <ConfirmModal
       :open="pendingBanUser !== null"
       title="Conferma stato utente"
-      :message="pendingBanUser ? `Vuoi ${pendingBanUser.banned ? 'sbloccare' : 'bannare'} utente ${pendingBanUser.first_name} ${pendingBanUser.last_name}?` : ''"
-      :confirm-label="pendingBanUser?.banned ? 'Sblocca utente' : 'Banna utente'"
-      :confirm-class="pendingBanUser?.banned ? 'btn-success' : 'btn-danger'"
+      :message="banConfirmMessage"
+      :confirm-label="banConfirmLabel"
+      :confirm-class="banConfirmClass"
       :pending="isUpdatingBan"
       @cancel="closeBanModal"
       @confirm="handleToggleBan"