From bc037e85a4f8b497a9caff4106d0182c0cf93212 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 29 Jan 2026 16:01:46 +0700
Subject: [PATCH] Simplify role switcher: text + single swap icon

---
 app/components/navigation/MainNavigation.vue | 28 +++++++-------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/app/components/navigation/MainNavigation.vue b/app/components/navigation/MainNavigation.vue
index 389f737..fc5afff 100644
--- a/app/components/navigation/MainNavigation.vue
+++ b/app/components/navigation/MainNavigation.vue
@@ -32,7 +32,7 @@
           >
             {{ $t('catalog.modes.quote') }}
           </button>
-          <!-- Role switcher: Я клиент <> -->
+          <!-- Role switcher: Я клиент 🔄 -->
           <div v-if="loggedIn" class="flex items-center">
             <NuxtLink
               :to="localePath(currentRole === 'SELLER' ? '/clientarea/offers' : '/clientarea/orders')"
@@ -44,23 +44,15 @@
               {{ currentRole === 'SELLER' ? $t('cabinetNav.roles.seller') : $t('cabinetNav.roles.client') }}
             </NuxtLink>
 
-            <!-- Стрелки <> справа (если есть обе роли) -->
-            <div v-if="hasMultipleRoles" class="flex items-center ml-1">
-              <button
-                class="p-0.5 transition-colors"
-                :class="useWhiteText ? 'text-white/50 hover:text-white' : 'text-base-content/50 hover:text-base-content'"
-                @click="$emit('switch-role', currentRole === 'BUYER' ? 'SELLER' : 'BUYER')"
-              >
-                <Icon name="lucide:chevron-left" size="14" />
-              </button>
-              <button
-                class="p-0.5 transition-colors"
-                :class="useWhiteText ? 'text-white/50 hover:text-white' : 'text-base-content/50 hover:text-base-content'"
-                @click="$emit('switch-role', currentRole === 'BUYER' ? 'SELLER' : 'BUYER')"
-              >
-                <Icon name="lucide:chevron-right" size="14" />
-              </button>
-            </div>
+            <!-- Иконка swap (если есть обе роли) -->
+            <button
+              v-if="hasMultipleRoles"
+              class="p-1 ml-0.5 transition-colors"
+              :class="useWhiteText ? 'text-white/50 hover:text-white' : 'text-base-content/50 hover:text-base-content'"
+              @click="$emit('switch-role', currentRole === 'BUYER' ? 'SELLER' : 'BUYER')"
+            >
+              <Icon name="lucide:arrow-left-right" size="14" />
+            </button>
           </div>
         </nav>
       </div>