From 5318376f3c9ba95967d1d908338a1ae103d9c1fe Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 5 Aug 2022 18:28:09 +0200
Subject: [PATCH] refactor(gui-v2): move language switcher

---
 packages/nc-gui-v2/app.vue                         | 11 +++++++----
 packages/nc-gui-v2/components/general/Language.vue |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui-v2/app.vue b/packages/nc-gui-v2/app.vue
index 62e385ad38..dc439d56f1 100644
--- a/packages/nc-gui-v2/app.vue
+++ b/packages/nc-gui-v2/app.vue
@@ -73,6 +73,13 @@ const logout = () => {
           <MdiDatabase class="cursor-pointer transform hover:scale-105 text-2xl" />
         </div>
 
+        <a-tooltip placement="right">
+          <template #title> Switch language </template>
+
+          <div class="flex w-full justify-center items-center h-12 group p-2">
+            <general-language class="cursor-pointer text-2xl" />
+          </div>
+        </a-tooltip>
         <div class="flex w-full justify-center items-center h-12 group p-2">
           <MdiLightningBoltOutline class="cursor-not-allowed text-2xl text-gray-400" />
         </div>
@@ -111,10 +118,6 @@ const logout = () => {
             </a-tooltip>
           </div>
         </div>
-
-        <div class="flex justify-end gap-4">
-          <general-language class="mr-3" />
-        </div>
       </a-layout-header>
 
       <div class="w-full h-full">
diff --git a/packages/nc-gui-v2/components/general/Language.vue b/packages/nc-gui-v2/components/general/Language.vue
index d5cc75301e..682f58002f 100644
--- a/packages/nc-gui-v2/components/general/Language.vue
+++ b/packages/nc-gui-v2/components/general/Language.vue
@@ -34,7 +34,7 @@ onMounted(() => {
 <template>
   <v-menu class="select-none">
     <template #activator="{ props }">
-      <MaterialSymbolsTranslate class="md:text-xl cursor-pointer nc-menu-translate" @click="props.onClick" />
+      <MaterialSymbolsTranslate v-bind="$attrs" class="md:text-xl cursor-pointer nc-menu-translate" @click="props.onClick" />
     </template>
 
     <v-list class="scrollbar min-w-50 max-h-90vh overflow-auto !py-0 dark:(!bg-gray-800 !text-white)">