From 861ea8aeb605fafdaa1ad7bd945f3f8473a69d1a Mon Sep 17 00:00:00 2001
From: drsoft28 <dif.rabie@gmail.com>
Date: Mon, 14 Apr 2025 16:54:14 +0100
Subject: [PATCH] Update NavFooter.vue: Add getNavItemLink function for getting
 link from item deponding on its type route or href

add getNavItemLink function for getting link from item deponding on its type route or href
---
 resources/js/components/NavFooter.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/NavFooter.vue b/resources/js/components/NavFooter.vue
index f4252ca1..7d0a760a 100644
--- a/resources/js/components/NavFooter.vue
+++ b/resources/js/components/NavFooter.vue
@@ -8,6 +8,11 @@ interface Props {
 }
 
 defineProps<Props>();
+
+const getNavItemLink = (item:NavItem,defaultValue:string  =  '#') : string=>{
+    if(!item.href ) return defaultValue;
+    return item.type === 'route' ? route(item.href):item.href;
+}
 </script>
 
 <template>
@@ -16,7 +21,7 @@ defineProps<Props>();
             <SidebarMenu>
                 <SidebarMenuItem v-for="item in items" :key="item.title">
                     <SidebarMenuButton class="text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100" as-child>
-                        <a :href="item.href" target="_blank" rel="noopener noreferrer">
+                        <a :href="getNavItemLink(item)" target="_blank" rel="noopener noreferrer">
                             <component :is="item.icon" />
                             <span>{{ item.title }}</span>
                         </a>