From 26b90fce4704e537126fd15ad950ea04e14890ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 23 Mar 2023 08:21:46 +0100
Subject: [PATCH] Add tooltip to locale switch menu

---
 webapp/components/LocaleSwitch/LocaleSwitch.vue | 10 +++++++++-
 webapp/locales/de.json                          |  3 +++
 webapp/locales/en.json                          |  3 +++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/webapp/components/LocaleSwitch/LocaleSwitch.vue b/webapp/components/LocaleSwitch/LocaleSwitch.vue
index 12a37e237..11ecb3c2f 100644
--- a/webapp/components/LocaleSwitch/LocaleSwitch.vue
+++ b/webapp/components/LocaleSwitch/LocaleSwitch.vue
@@ -2,7 +2,15 @@
   <client-only>
     <dropdown ref="menu" :placement="placement" :offset="offset">
       <template #default="{ toggleMenu }">
-        <a class="locale-menu" href="#" @click.prevent="toggleMenu()">
+        <a
+          class="locale-menu"
+          href="#"
+          v-tooltip="{
+            content: $t('localeSwitch.tooltip'),
+            placement: 'bottom-start',
+          }"
+          @click.prevent="toggleMenu()"
+        >
           <!-- <base-icon name="globe" /> -->
           <span class="label">{{ current.code.toUpperCase() }}</span>
           <base-icon class="dropdown-arrow" name="angle-down" />
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index cead1ab5e..fe39eed69 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -530,6 +530,9 @@
     "not-available": "Du hast keinen Einladungscode zur Verfügung!",
     "your-code": "Sende diesen Link per E-Mail oder in sozialen Medien, um deine Freunde einzuladen:"
   },
+  "localeSwitch": {
+    "tooltip": "Sprache wählen"
+  },
   "login": {
     "email": "Deine E-Mail",
     "failure": "Fehlerhafte E-Mail-Adresse oder Passwort.",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 4590f8955..92f5687c2 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -530,6 +530,9 @@
     "not-available": "You have no valid invite code available!",
     "your-code": "Send this link per e-mail or in social media to invite your friends:"
   },
+  "localeSwitch": {
+    "tooltip": "Choose language"
+  },
   "login": {
     "email": "Your E-mail",
     "failure": "Incorrect email address or password.",