From 3b2198598eefdb53d58ac66d0c6e83aa4be16991 Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Thu, 14 Aug 2025 09:11:45 +0200
Subject: [PATCH] Fix profile image handling and data flow

The commit improves image handling by removing the separate imagenVista
ref, using data.image directly, and properly refreshing session data
after image upload. Also adds v-if guard for data availability.
---
 app/pages/profile.vue | 33 ++++++++++++++-------------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/app/pages/profile.vue b/app/pages/profile.vue
index 040c418..44ed5e7 100644
--- a/app/pages/profile.vue
+++ b/app/pages/profile.vue
@@ -1,5 +1,6 @@
 <template>
     <v-container
+        v-if="data"
         class="fill-height d-flex align-center justify-center text-center"
     >
         <div class="full-height flex-column mr-5">
@@ -8,7 +9,7 @@
                     :width="200"
                     aspect-ratio="16/9"
                     cover
-                    :src="imagenVista"
+                    :src="data.image"
                     :alt="data.name"
                 ></v-img>
             </v-avatar>
@@ -29,7 +30,7 @@
         </div>
         <div class="full-height flex-column">
             <h3>Último login:</h3>
-            <p>{{ data?.last_login ? data.last_login : "Nunca" }}</p>
+            <p>{{ data.last_login ? data.last_login : "Nunca" }}</p>
             <h3>Username:</h3>
             <p>{{ data.username }}</p>
             <h3>Nombre:</h3>
@@ -51,7 +52,7 @@
 definePageMeta({
     auth: true,
 });
-const { data, token } = useAuth();
+const { data, token, getSession } = useAuth();
 import { ref, onMounted } from "vue";
 import { useSystemStore } from "~/stores/system";
 import { useListasStore } from "~/stores/listas";
@@ -59,7 +60,6 @@ const listasStore = useListasStore();
 const systemStore = useSystemStore();
 const { handleFileInput, files } = useFileStorage();
 let imagen = ref([]);
-let imagenVista = ref("");
 
 const uploadImage = async () => {
     const url = "http://" + systemStore.url_backend + "/auth/users/me/";
@@ -71,21 +71,21 @@ const uploadImage = async () => {
     formData.append("last_name", data.value.last_name);
     formData.append("image", imagen.value ? imagen.value : null);
 
-    await $fetch(url, {
+    const response = await $fetch(url, {
         headers: {
             Authorization: `${token.value}`,
         },
         method: "PUT",
         body: formData,
-    })
-        .then((response) => {
-            imagenVista.value = response.image;
-            files.value.pop();
-            imagen.value = null;
-        })
-        .catch((e) => {
-            console.error(e);
-        });
+    });
+    if (response) {
+        //imagenVista.value = response.image;
+        files.value.pop();
+        imagen.value = null;
+        await getSession();
+    } else {
+        console.error(response);
+    }
 };
 
 const validateFileType = () => {
@@ -117,10 +117,5 @@ const openImageDialog = () => {
 
 onMounted(async () => {
     await listasStore.getData();
-    if (data) {
-        console.log(data.value.image);
-
-        imagenVista.value = data.value.image;
-    }
 });
 </script>