From 356725ceeb9ce96bb8697685bdf9a663adae6d24 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Sun, 24 May 2026 20:19:31 +0300
Subject: [PATCH] add navbar logout

---
 frontend/rabbi_gerzi/src/views/HomePage.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue
index 57ae20c..9bed3c2 100644
--- a/frontend/rabbi_gerzi/src/views/HomePage.vue
+++ b/frontend/rabbi_gerzi/src/views/HomePage.vue
@@ -1,13 +1,23 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
 
 const router = useRouter()
+const authStore = useAuthStore()
+
+onMounted(() => {
+  void authStore.fetchUser()
+})
 
 function goToAbout(): void {
   router.push('/about')
 }
 
+async function handleLogout(): Promise<void> {
+  await authStore.logout()
+}
+
 const navItems = [
   { label: 'Torah Media', href: '/media', icon: '▶' },
   { label: 'About', href: '/about', icon: 'ⓘ' },
@@ -143,6 +153,15 @@ const projects: Project[] = [
           </span>
           <span>{{ item.label }}</span>
         </a>
+        <button
+          v-if="authStore.isAuthenticated"
+          data-cy="navbar-logout"
+          type="button"
+          class="site-header__nav-link"
+          @click="handleLogout"
+        >
+          Logout
+        </button>
       </nav>
     </header>