perf(Header): ocultar el enlace a Gestión de usuarios si el usuario no es Admin

parent 5344cbcd
Showing with 7 additions and 2 deletions
......@@ -17,7 +17,7 @@
<i class="bi bi-person-circle fs-4"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/users/management">Gestión</a></li>
<li v-if="isAdmin"><a class="dropdown-item" href="/users/management">Gestión</a></li>
<li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
<li><hr class="dropdown-divider" /></li>
<li>
......@@ -55,7 +55,7 @@
<i class="bi bi-person-circle fs-4"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/users/management">Gestión</a></li>
<li v-if="isAdmin"><a class="dropdown-item" href="/users/management">Gestión</a></li>
<li><a class="dropdown-item" href="/users/detail">Mis datos</a></li>
<li><hr class="dropdown-divider" /></li>
<li>
......@@ -72,6 +72,7 @@
<script setup>
import { useAuthStore } from '@/stores/authStore';
import { computed } from 'vue';
import { useRouter } from 'vue-router';
const props = defineProps({
......@@ -84,6 +85,10 @@ const props = defineProps({
const authStore = useAuthStore();
const router = useRouter();
const isAdmin = computed(() => {
return authStore.user?.role == 'ADMIN';
})
async function handleLogout() {
await authStore.logout();
router.push('/auth/login');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment