From c537ef9b606f83ca37580dc0059e0202713ebdca Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Tue, 2 Dec 2025 20:31:01 -0500
Subject: [PATCH] fixed incorrect account status evaluation

---
 ui/src/components/Navigation/Navbar.vue | 2 +-
 ui/src/composables/useAuth.ts           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/Navigation/Navbar.vue b/ui/src/components/Navigation/Navbar.vue
index 07d7419..58335d4 100644
--- a/ui/src/components/Navigation/Navbar.vue
+++ b/ui/src/components/Navigation/Navbar.vue
@@ -47,7 +47,7 @@ function blurAfter() {
                     <img src="/17RBN_Logo.png" class="w-10 h-10 object-contain"></img>
                 </RouterLink>
                 <!-- Member navigation -->
-                <div v-if="auth.accountStatus == 'member'" class="h-15 flex items-center justify-center">
+                <div v-if="auth.accountStatus.value == 'member'" class="h-15 flex items-center justify-center">
                     <NavigationMenu>
                         <NavigationMenuList class="gap-3">
 
diff --git a/ui/src/composables/useAuth.ts b/ui/src/composables/useAuth.ts
index 6c43fa2..613ac18 100644
--- a/ui/src/composables/useAuth.ts
+++ b/ui/src/composables/useAuth.ts
@@ -6,7 +6,7 @@ export function useAuth() {
     const userStore = useUserStore();
 
     // Account status control
-    const accountStatus = userStore.state;
+    const accountStatus = computed(() => userStore.state);
 
     // RBAC
     const roles = computed<string[]>(() => {