añadido actualizacion apodo

Author: MateoGonzalezLourido

frontend/home/caches_datos.js

@@ -16,11 +16,26 @@ export function establecer_id_usuario(id) {
 }
 
 export function establecer_apodo_usuario(apodo) {
-    if (!apodo) return;
     APODO_USUARIO = apodo;
     console.log(`[Cache] Apodo de usuario establecido`);
 }
 
+/**
+ * Obtiene el apodo del usuario. Si no está en caché, lo solicita por IPC.
+ */
+export async function obtener_apodo_usuario() {
+    if (APODO_USUARIO === null) {
+        console.log("[Cache] Apodo no encontrado en RAM, solicitando por IPC...");
+        APODO_USUARIO = await window.cuenta_usuario.GET_APODO_SESION();
+    }
+    return APODO_USUARIO;
+}
+
+export function borrar_cache_apodo_usuario() {
+    APODO_USUARIO = null;
+    console.log("[Cache] Caché de apodo borrada");
+}
+
 export function establecer_correo_usuario(correo) {
     if (!correo) return;
     CORREO_USUARIO = correo;

frontend/home/ui/ajustes.js

@@ -2,7 +2,14 @@ export let bloquear_span_cambio_contraseña = false;
 export let bloquear_span_cambio_apodo = false;
 export let bloquear_span_cambio_correo = false;
 import { escapeHTML } from './seguridad_ui.js';
-import { APODO_USUARIO, establecer_apodo_usuario, CORREO_USUARIO, establecer_correo_usuario } from '../caches_datos.js';
+import { 
+    APODO_USUARIO, 
+    establecer_apodo_usuario, 
+    CORREO_USUARIO, 
+    establecer_correo_usuario,
+    obtener_apodo_usuario,
+    borrar_cache_apodo_usuario 
+} from '../caches_datos.js';
 
 
 const formatoScroollAnimacion = {
@@ -109,7 +116,7 @@ async function actualizar_datos_cuenta() {
         window.cuenta_usuario.OBTENER_FECHA_BLOQUEO_CORREO(),
         window.cuenta_usuario.OBTENER_FECHA_BLOQUEO_CONTRASEÑA()
     ]);
-    const apodo = APODO_USUARIO;
+    const apodo = await obtener_apodo_usuario();
     const correo = CORREO_USUARIO;
 
     document.querySelector("#text-cuenta-apodo").innerHTML = `Apodo: <font color="#E53612">${escapeHTML(apodo)}</font>`;
@@ -274,7 +281,10 @@ async function funcion_cambiar_apodo(e) {
                 if (final) {
                     window.pushNotificacion({ prioridad: 0, texto: "Apodo cambiado correctamente", tipo: "success" });
                     bloquear_span_cambio_apodo = true;
-                    establecer_apodo_usuario(apodo);
+                    
+                    // Borramos la caché para que se fuerce la recarga si se solicita de nuevo
+                    borrar_cache_apodo_usuario();
+                    
                     document.querySelector("#alineador-menu-cambiar-data-cuenta").classList.replace("flex-display", "ocultar-display");
                     if (typeof window.cambiar_menu_inicio_apodo === "function") window.cambiar_menu_inicio_apodo();
                 } else {

frontend/home/ui/chat.js

@@ -1,5 +1,5 @@
 import { desplegar_menu_añadir_chat } from './añadir_chats_usuarios.js'
-import { ID_USUARIO_MONGO, APODO_USUARIO, CACHE_USUARIOS_ACTIVO } from '../caches_datos.js'
+import { ID_USUARIO_MONGO, APODO_USUARIO, CACHE_USUARIOS_ACTIVO, obtener_apodo_usuario } from '../caches_datos.js'
 import { url_icono_extension_img } from './url_icono_extensiones_archivos.js'
 import { scroll_fin_chat } from './gestor_chats.js'
 import { safeIdSelector } from './seguridad_ui.js';
@@ -1302,7 +1302,7 @@ export async function mostrar_datos_chat_usaurios(e) {
                         <div class="info-chat-lista-items">
                         <div class="info-chat-participante-item" data-id="${id_mio}">
                             <div class="info-chat-participante-info">
-                                <span class="info-chat-participante-nombre">Tú <span class="apodo-usuario-lista-participantes">(${APODO_USUARIO || ""})</span></span>
+                                <span class="info-chat-participante-nombre">Tú <span class="apodo-usuario-lista-participantes">(${await obtener_apodo_usuario() || ""})</span></span>
                                 ${info_chat.admins?.some(a => normalizeIdHelper(a) === id_mio?.toString()) ? `<span class="info-chat-participante-admin" style="color: gray; font-size: 11px;">Admin</span>` : ""}
                             </div>
                         </div>

frontend/home/ui/navegacion_vistas.js

@@ -1,5 +1,5 @@
 import { crear_chat_historial_archivos_descargados } from './historial_archivos_descargados.js'
-import { APODO_USUARIO } from '../caches_datos.js'
+import { obtener_apodo_usuario } from '../caches_datos.js'
 
 export function toggle_historial_descargas() {
     const seccionHistorial = document.querySelector("#seccion-historial-archivos-alineador")
@@ -24,7 +24,7 @@ export function toggle_historial_descargas() {
 
 export async function mensaje_bienvenida_usuario() {
     const ajustes_app = await window.ajustes_app.OBTENER_AJUSTES_APP()
-    const apodo = APODO_USUARIO
+    const apodo = await obtener_apodo_usuario()
     if (ajustes_app?.MSBienvenida) {
         window.pushNotificacion({ prioridad: 0, texto: `Benvido ${apodo} `, tipo: "info" })
         window.ajustes_app.GUARDAR_AJUSTES_APP({ MSBienvenida: false })