From 55f699a1305fa7ba18ae0eb1de643698e715bf39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 31 Jan 2023 13:04:38 +0100
Subject: [PATCH] Add tool tip to group button in header menu

---
 webapp/components/Group/GroupButton.vue | 16 +++++++++++++++-
 webapp/locales/de.json                  |  3 +++
 webapp/locales/en.json                  |  3 +++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/webapp/components/Group/GroupButton.vue b/webapp/components/Group/GroupButton.vue
index db72467ef..10275dcca 100644
--- a/webapp/components/Group/GroupButton.vue
+++ b/webapp/components/Group/GroupButton.vue
@@ -1,5 +1,19 @@
 <template>
   <div>
-    <nuxt-link to="/groups"><base-button icon="users" circle ghost /></nuxt-link>
+    <nuxt-link to="/groups">
+      <base-button
+        icon="users"
+        circle
+        ghost
+        v-tooltip="{
+          content: $t('group.button.tooltip'),
+          placement: 'bottom-start',
+        }"
+      />
+    </nuxt-link>
   </div>
 </template>
+
+<script>
+export default {}
+</script>
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 91467b7de..99d164d1e 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -410,6 +410,9 @@
     "addUserNoOptions": "Keine Nutzer gefunden!",
     "addUserPlaceholder": "Benutzername",
     "allGroups": "Alle Gruppen",
+    "button": {
+      "tooltip": "Gruppen anzeigen"
+    },
     "categories": "Thema ::: Themen",
     "changeMemberRole": "Die Rolle wurde auf „{role}“ geändert!",
     "contentMenu": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index fc7601569..b35035a04 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -410,6 +410,9 @@
     "addUserNoOptions": "No users found!",
     "addUserPlaceholder": " Username",
     "allGroups": "All Groups",
+    "button": {
+      "tooltip": "Show groups"
+    },
     "categories": "Topic ::: Topics",
     "changeMemberRole": "The role has been changed to “{role}”!",
     "contentMenu": {