feat(UserDetail): añadida funcionalidad para editar usuario (sin email)

src/views/UserDetail.vue

@@ -28,8 +28,8 @@
                                 </div>
                                 <div class="col-12">
                                     <p class="mb-1 text-muted"><strong>Email</strong></p>
-                                    <p v-if="mode === 'view'" class="fw-bold">{{ userStore.user?.email }}</p>
-                                    <input v-else type="email" class="form-control" v-model="editableUser.email">
+                                    <p class="fw-bold">{{ userStore.user?.email }}</p>
+                                    <!-- <input v-else type="email" class="form-control" v-model="editableUser.email"> -->
                                 </div>
                                 <div class="col-12">
                                     <p class="mb-1 text-muted"><strong>Rol</strong></p>
@@ -154,18 +154,25 @@ const handleConfirmation = async () => {
 };
 
 // Usamos una copia para editar los datos
-//const editableUser = ref({ ...user.value });
+const editableUser = ref(null);
 
 // Acciones
-// const editData = () => {
-//     mode.value = 'edit';
-//     editableUser.value = { ...user.value };
-// };
+const editData = () => {
+    mode.value = 'edit';
+    // Copia de datos del usuario
+    editableUser.value = { ...userStore.user };
+};
 
-// const saveChanges = () => {
-//     user.value = { ...editableUser.value };
-//     mode.value = 'view';
-// };
+const saveChanges = async () => {
+    try {
+        await userStore.update(editableUser.value);
+        mode.value = 'view';
+        // Recargar los datos 
+        await userStore.readUser();
+    } catch (error) {
+        console.error('Error al guardar los cambios:', error);
+    }
+};
 
 const cancelEdit = () => {
     mode.value = 'view';
@@ -175,12 +182,6 @@ const changePassword = () => {
   alert("Abrir modal para cambiar contraseña");
 
 };
-
-const deactivateAccount = () => {
-  if (confirm("¿Seguro que quieres desactivar tu cuenta?")) {
-    alert("Cuenta desactivada");
-  }
-};
 </script>
 
 <style scoped>