Refactor auth components into individual button components
All checks were successful
build-and-deploy / build (push) Successful in 52s
build-and-deploy / deploy (push) Successful in 3s

- Remove StatusBadges component (badges for authenticated, connected, groups)
- Remove ActionButtons component
- Create individual button components:
  - SessionStatusButton: handles session status check
  - ProfileButton: navigates to user profile
  - LogoutButton: handles user logout
  - LoginButton: reloads page to trigger login
- Update app.vue to use new individual button components
- Improve code quality with better component separation and reusability
This commit is contained in:
2025-10-13 03:00:02 -06:00
parent 0fd25e34e6
commit d8f70f2aa5
7 changed files with 90 additions and 115 deletions

View File

@@ -20,11 +20,15 @@
<!-- Avatar y datos básicos -->
<AuthUserAvatar />
<!-- Badges de estado -->
<AuthStatusBadges />
<!-- Botones de acción -->
<AuthActionButtons />
<!-- Botones de acción individuales -->
<UCard class="w-full">
<div class="flex flex-wrap gap-3">
<AuthSessionStatusButton />
<AuthProfileButton />
<AuthLogoutButton />
<AuthLoginButton />
</div>
</UCard>
</div>
<!-- Columna derecha -->