From 3cf63ca68ee8e920c538c9c262b3ec4510938b35 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Fri, 5 Sep 2025 06:41:53 +0200
Subject: [PATCH] Update Navbar and useModularNavigation to replace 'BarChart3'
 icon with 'Store'

- Modify Navbar.vue to import and utilize the 'Store' icon in place of 'BarChart3' for improved visual representation.
- Update useModularNavigation.ts to change the icon for the 'Market Dashboard' from 'BarChart3' to 'Store', ensuring consistency across the application.
---
 src/components/layout/Navbar.vue        | 6 +++---
 src/composables/useModularNavigation.ts | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index fd21b84..2906776 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -6,7 +6,7 @@ import { useTheme } from '@/components/theme-provider'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet, MessageSquare, Activity, ShoppingCart, BarChart3 } from 'lucide-vue-next'
+import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet, MessageSquare, Activity, ShoppingCart, Store } from 'lucide-vue-next'
 import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
 import LoginDialog from '@/components/auth/LoginDialog.vue'
 import ProfileDialog from '@/components/auth/ProfileDialog.vue'
@@ -169,7 +169,7 @@ const handleLogout = async () => {
                 :key="item.href"
                 @click="() => router.push(item.href)" 
                 class="gap-2">
-                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'BarChart3' ? BarChart3 : Activity" class="h-4 w-4" />
+                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" />
                 {{ item.name }}
               </DropdownMenuItem>
               <DropdownMenuSeparator />
@@ -255,7 +255,7 @@ const handleLogout = async () => {
                 size="sm" 
                 @click="() => router.push(item.href)"
                 class="w-full justify-start gap-2">
-                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'BarChart3' ? BarChart3 : Activity" class="h-4 w-4" />
+                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" />
                 {{ item.name }}
               </Button>
               <Button variant="ghost" size="sm" @click="showLogoutConfirm = true" class="w-full justify-start gap-2 text-destructive hover:text-destructive/90 hover:bg-destructive/10">
diff --git a/src/composables/useModularNavigation.ts b/src/composables/useModularNavigation.ts
index 124ade6..af47f66 100644
--- a/src/composables/useModularNavigation.ts
+++ b/src/composables/useModularNavigation.ts
@@ -74,7 +74,7 @@ export function useModularNavigation() {
       items.push({ 
         name: 'Market Dashboard', 
         href: '/market-dashboard', 
-        icon: 'BarChart3',
+        icon: 'Store',
         requiresAuth: true 
       })
     }
@@ -103,4 +103,4 @@ export function useModularNavigation() {
     userMenuItems,
     isModuleAvailable
   }
-}
\ No newline at end of file
+}