refactor: Update Navbar to remove chat link and simplify navigation

- Remove the chat link from the Navbar, filtering out the '/chat' route from the navigation items.
- Simplify the rendering of navigation items by displaying only the item names without additional chat-related elements, enhancing clarity and user experience.
This commit is contained in:
padreug 2025-08-09 23:44:24 +02:00
parent 2d5c395d6c
commit 9b280be1a1

View file

@ -249,20 +249,12 @@ const handleLogout = async () => {
<LanguageSwitcher />
</div>
<router-link v-for="item in navigation" :key="item.name" :to="item.href"
<router-link v-for="item in navigation.filter(nav => nav.href !== '/chat')" :key="item.name" :to="item.href"
class="flex items-center gap-2 px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground transition-colors relative"
:class="{
'text-foreground': $route.path === item.href
}" @click="isOpen = false">
<!-- Chat icon with notification badge -->
<div v-if="item.href === '/chat'" class="relative">
<MessageSquare class="h-4 w-4" />
<Badge v-if="totalUnreadMessages > 0"
class="absolute -top-2 -right-2 h-3.5 w-4 text-xs bg-red-500 text-white border-0 p-0 flex items-center justify-center">
{{ totalUnreadMessages > 99 ? '99+' : totalUnreadMessages }}
</Badge>
</div>
{{ item.name }}
<span>{{ item.name }}</span>
<!-- Market preloading indicator -->
<div v-if="item.href === '/market' && marketPreloader.isPreloading"
class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>