From 5e57317d8fa2b7f8c5d67189f5f45aa6cfaf9381 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 8 Jul 2026 00:26:49 +0700
Subject: [PATCH] feat: add home navigation link to UserNav component for
 improved user accessibility

---
 resources/js/components/UserNav.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/UserNav.vue b/resources/js/components/UserNav.vue
index c897049..c0a529a 100644
--- a/resources/js/components/UserNav.vue
+++ b/resources/js/components/UserNav.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { router, usePage } from '@inertiajs/vue3';
-import { LogOut, User } from '@lucide/vue';
+import { Home, LogOut, User } from '@lucide/vue';
 import { computed } from 'vue';
 import NotificationBell from '@/components/NotificationBell.vue';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
@@ -34,6 +34,9 @@ function logout() {
 
 <template>
     <div class="flex items-center gap-2">
+        <a href="/" class="flex size-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" title="Halaman Depan">
+            <Home class="size-4" />
+        </a>
         <NotificationBell />
         <DropdownMenu v-if="user">
             <DropdownMenuTrigger as-child>