padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Navbar and useModularNavigation to replace 'BarChart3' icon with 'Store'

Browse source 
- 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.
This commit is contained in:
padreug 2025-09-05 06:41:53 +02:00
parent dc4da570a7
commit 3cf63ca68e
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/layout/Navbar.vue
View file

@ -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">

2
src/composables/useModularNavigation.ts
View file

@ -74,7 +74,7 @@ export function useModularNavigation() {
items.push({
name: 'Market Dashboard',
href: '/market-dashboard',
icon: 'BarChart3',
icon: 'Store',
requiresAuth: true
})
}