From 226fcc7c647c63add86db1d72d2de7f6d08cf9cd Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Mon, 13 Oct 2025 02:02:45 -0600
Subject: [PATCH] =?UTF-8?q?Make=20'Iniciar=20Sesi=C3=B3n'=20button=20alway?=
 =?UTF-8?q?s=20visible=20alongside=20other=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change button layout to show all 4 buttons at the same time:
- Estado de Sesión (info/blue)
- Ver Perfil (primary/blue)
- Cerrar Sesión (error/red)
- Iniciar Sesión (success/green) - NEW: always visible

This allows users to force a re-authentication by clicking 'Iniciar
Sesión' even when already authenticated, triggering Authentik login flow.
---
 nuxt4/app/components/auth/ActionButtons.vue | 75 ++++++++++-----------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git a/nuxt4/app/components/auth/ActionButtons.vue b/nuxt4/app/components/auth/ActionButtons.vue
index 8bbc190..5840f22 100644
--- a/nuxt4/app/components/auth/ActionButtons.vue
+++ b/nuxt4/app/components/auth/ActionButtons.vue
@@ -1,7 +1,7 @@
 <template>
   <UCard class="w-full">
     <div class="flex flex-wrap gap-3">
-      <!-- Botón de estado de sesión (siempre visible) -->
+      <!-- Botón de estado de sesión -->
       <UButton
         color="info"
         size="lg"
@@ -14,47 +14,42 @@
         Estado de Sesión
       </UButton>
 
-      <!-- Botones cuando HAY sesión -->
-      <template v-if="isAuthenticated">
-        <!-- Botón de perfil -->
-        <UButton
-          color="primary"
-          size="lg"
-          @click="goToProfile"
-        >
-          <template #leading>
-            <UIcon name="i-heroicons-user-circle" />
-          </template>
-          Ver Perfil
-        </UButton>
+      <!-- Botón de perfil -->
+      <UButton
+        color="primary"
+        size="lg"
+        @click="goToProfile"
+      >
+        <template #leading>
+          <UIcon name="i-heroicons-user-circle" />
+        </template>
+        Ver Perfil
+      </UButton>
 
-        <!-- Botón de logout -->
-        <UButton
-          color="error"
-          size="lg"
-          variant="soft"
-          @click="logout"
-        >
-          <template #leading>
-            <UIcon name="i-heroicons-arrow-right-on-rectangle" />
-          </template>
-          Cerrar Sesión
-        </UButton>
-      </template>
+      <!-- Botón de logout -->
+      <UButton
+        color="error"
+        size="lg"
+        variant="soft"
+        @click="logout"
+      >
+        <template #leading>
+          <UIcon name="i-heroicons-arrow-right-on-rectangle" />
+        </template>
+        Cerrar Sesión
+      </UButton>
 
-      <!-- Botón cuando NO hay sesión -->
-      <template v-else>
-        <UButton
-          color="primary"
-          size="lg"
-          @click="reloadPage"
-        >
-          <template #leading>
-            <UIcon name="i-heroicons-arrow-right-end-on-rectangle" />
-          </template>
-          Iniciar Sesión
-        </UButton>
-      </template>
+      <!-- Botón de iniciar sesión (siempre visible) -->
+      <UButton
+        color="success"
+        size="lg"
+        @click="reloadPage"
+      >
+        <template #leading>
+          <UIcon name="i-heroicons-arrow-right-end-on-rectangle" />
+        </template>
+        Iniciar Sesión
+      </UButton>
     </div>
   </UCard>
 </template>