adminbutton fix

SELab-2 · May 13, 2024 · 366156f · 366156f
1 parent c073444
commit 366156f
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/frontend/src/composables/useNavigations.ts b/frontend/src/composables/useNavigations.ts
@@ -1,4 +1,4 @@
-import { computed } from "vue";
+import { ref, watch } from "vue";
 import useIsAdmin from "@/composables/useIsAdmin";
 import { useAuthStore } from "@/stores/auth-store";
 import { storeToRefs } from "pinia";
@@ -28,15 +28,19 @@ const admin_navigations: NavigationData[] = [
 export default function useNavigations() {
     const { isLoggedIn } = storeToRefs(useAuthStore());
     const { isAdmin } = useIsAdmin();
-    const navigations = computed(() => {
+    const navigations = ref([]);
+
+    const updateNavigations = async () => {
         if (!isLoggedIn.value) {
-            return noLoginNavigations;
-        }
-        const navs = main_navigations;
-        if (isAdmin.value) {
-            navs.push(...admin_navigations);
+            navigations.value = noLoginNavigations;
+        } else {
+            const navs = [...main_navigations];
+            if (isAdmin.value) {
+                navs.push(...admin_navigations);
+            }
+            navigations.value = navs;
         }
-        return navs;
-    });
+    };
+    watch([isLoggedIn, isAdmin], updateNavigations, { immediate: true });
     return { navigations };
 }