Refactor auth components into individual button components
- 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:
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user