From 941b4c3ec5784e316a7bc9145dff17f954bc6803 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sat, 2 Aug 2025 16:28:28 +0200
Subject: [PATCH] refactor: Clean up Navbar component and remove support link

- Remove the "Support" link from the Navbar.vue navigation items to streamline the menu.
- Adjust formatting in Navbar.vue for improved readability and consistency in the template structure.
- Update i18n files to remove references to the "Support" string in English, Spanish, and French locales, enhancing localization accuracy.
---
 src/components/layout/Navbar.vue | 29 ++++++++++++++++-------------
 src/i18n/locales/en.ts           |  1 -
 src/i18n/locales/es.ts           |  1 -
 src/i18n/locales/fr.ts           |  1 -
 src/i18n/types.ts                |  1 -
 5 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index 7f609d8..ed743ae 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -28,13 +28,12 @@ const showProfileDialog = ref(false)
 const navigation = computed<NavigationItem[]>(() => [
   { name: t('nav.home'), href: '/' },
   { name: t('nav.events'), href: '/events' },
-  { name: t('nav.support'), href: '/support' },
 ])
 
 // Compute total wallet balance
 const totalBalance = computed(() => {
   if (!auth.currentUser.value?.wallets) return 0
-  
+
   return auth.currentUser.value.wallets.reduce((total, wallet) => {
     return total + (wallet.balance_msat || 0)
   }, 0)
@@ -76,14 +75,16 @@ const handleLogout = async () => {
       <!-- Logo and Desktop Navigation -->
       <div class="flex items-center gap-4 lg:gap-8 xl:gap-12">
         <router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
-          <img src="@/assets/logo.png" alt="Logo" class="h-10 w-10 sm:h-12 sm:w-12 md:h-14 md:w-14 lg:h-16 lg:w-16 xl:h-20 xl:w-20" />
+          <img src="@/assets/logo.png" alt="Logo"
+            class="h-10 w-10 sm:h-12 sm:w-12 md:h-14 md:w-14 lg:h-16 lg:w-16 xl:h-20 xl:w-20" />
           <span class="font-semibold text-base lg:text-lg xl:text-xl">{{ t('nav.title') }}</span>
         </router-link>
 
         <!-- Desktop Navigation -->
         <div class="hidden md:flex gap-4 lg:gap-6 xl:gap-8">
           <router-link v-for="item in navigation" :key="item.name" :to="item.href"
-            class="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2 text-sm lg:text-base xl:text-lg" :class="{
+            class="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2 text-sm lg:text-base xl:text-lg"
+            :class="{
               'text-foreground': $route.path === item.href
             }">
             {{ item.name }}
@@ -94,7 +95,8 @@ const handleLogout = async () => {
       <!-- Theme Toggle, Language, and Identity -->
       <div class="flex items-center gap-2 lg:gap-4 xl:gap-6">
         <!-- Wallet Balance Display -->
-        <div v-if="auth.isAuthenticated.value" class="hidden sm:flex items-center gap-2 px-3 py-1 bg-muted/50 rounded-lg border">
+        <div v-if="auth.isAuthenticated.value"
+          class="hidden sm:flex items-center gap-2 px-3 py-1 bg-muted/50 rounded-lg border">
           <Wallet class="h-4 w-4 text-muted-foreground" />
           <CurrencyDisplay :balance-msat="totalBalance" />
         </div>
@@ -105,7 +107,8 @@ const handleLogout = async () => {
             <DropdownMenuTrigger asChild>
               <Button variant="ghost" size="sm" class="gap-2 lg:gap-3">
                 <User class="h-4 w-4 lg:h-5 lg:w-5" />
-                <span class="max-w-24 lg:max-w-32 xl:max-w-40 truncate">{{ auth.userDisplay.value?.name || 'Anonymous' }}</span>
+                <span class="max-w-24 lg:max-w-32 xl:max-w-40 truncate">{{ auth.userDisplay.value?.name || 'Anonymous'
+                  }}</span>
                 <Badge variant="secondary" class="text-xs lg:text-sm">Logged In</Badge>
               </Button>
             </DropdownMenuTrigger>
@@ -115,7 +118,7 @@ const handleLogout = async () => {
                 <Wallet class="h-4 w-4 text-muted-foreground" />
                 <CurrencyDisplay :balance-msat="totalBalance" />
               </div>
-              
+
               <DropdownMenuItem @click="openProfileDialog" class="gap-2">
                 <User class="h-4 w-4" />
                 Profile
@@ -166,8 +169,7 @@ const handleLogout = async () => {
       <div class="space-y-1 p-4">
         <!-- Authentication in mobile menu -->
         <div class="mb-4 px-2">
-          <Button v-if="!auth.isAuthenticated.value" variant="outline" size="sm"
-            @click="openLoginDialog"
+          <Button v-if="!auth.isAuthenticated.value" variant="outline" size="sm" @click="openLoginDialog"
             class="w-full gap-2 min-h-[44px] touch-manipulation">
             <User class="h-4 w-4" />
             Login
@@ -178,19 +180,20 @@ const handleLogout = async () => {
               <span class="text-sm font-medium">{{ auth.userDisplay.value?.name || 'Anonymous' }}</span>
               <Badge variant="secondary" class="text-xs ml-auto">Logged In</Badge>
             </div>
-            
+
             <!-- Mobile Wallet Balance -->
             <div class="flex items-center gap-2 px-2 py-1 bg-muted/50 rounded-lg">
               <Wallet class="h-4 w-4 text-muted-foreground" />
               <CurrencyDisplay :balance-msat="totalBalance" />
             </div>
-            
+
             <div class="space-y-1">
               <Button variant="ghost" size="sm" @click="openProfileDialog" class="w-full justify-start gap-2">
                 <User class="h-4 w-4" />
                 Profile
               </Button>
-              <Button variant="ghost" size="sm" @click="() => router.push('/my-tickets')" class="w-full justify-start gap-2">
+              <Button variant="ghost" size="sm" @click="() => router.push('/my-tickets')"
+                class="w-full justify-start gap-2">
                 <Ticket class="h-4 w-4" />
                 My Tickets
               </Button>
@@ -225,7 +228,7 @@ const handleLogout = async () => {
 
     <!-- Login Dialog -->
     <LoginDialog v-model:is-open="showLoginDialog" />
-    
+
     <!-- Profile Dialog -->
     <ProfileDialog v-model:is-open="showProfileDialog" />
   </nav>
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index 19d3de3..ebfbeae 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -6,7 +6,6 @@ const messages: LocaleMessages = {
     title: 'Virtual Realm',
     directory: 'Directory',
     faq: 'FAQ',
-    support: 'Support',
     events: 'Events',
     login: 'Login',
     logout: 'Logout'
diff --git a/src/i18n/locales/es.ts b/src/i18n/locales/es.ts
index 2923544..abcccab 100644
--- a/src/i18n/locales/es.ts
+++ b/src/i18n/locales/es.ts
@@ -6,7 +6,6 @@ const messages: LocaleMessages = {
     home: 'Inicio',
     directory: 'Directorio',
     faq: 'Preguntas Frecuentes',
-    support: 'Soporte',
     events: 'Eventos',
     login: 'Iniciar Sesión',
     logout: 'Cerrar Sesión'
diff --git a/src/i18n/locales/fr.ts b/src/i18n/locales/fr.ts
index 4fc6aae..60a871c 100644
--- a/src/i18n/locales/fr.ts
+++ b/src/i18n/locales/fr.ts
@@ -6,7 +6,6 @@ const messages: LocaleMessages = {
     home: 'Accueil',
     directory: 'Répertoire',
     faq: 'FAQ',
-    support: 'Support',
     events: 'Événements',
     login: 'Connexion',
     logout: 'Déconnexion'
diff --git a/src/i18n/types.ts b/src/i18n/types.ts
index 2330883..f6b0c52 100644
--- a/src/i18n/types.ts
+++ b/src/i18n/types.ts
@@ -4,7 +4,6 @@ export interface LocaleMessages {
     home: string
     directory: string
     faq: string
-    support: string
     events: string
     login: string
     logout: string