From c9d6e1a9eaae960cf1f5185ab86cd7c5506728de Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Thu, 9 Mar 2023 15:43:58 +0100
Subject: [PATCH] add tooltip to invite button

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

diff --git a/webapp/components/InviteButton/InviteButton.vue b/webapp/components/InviteButton/InviteButton.vue
index d3d926533..f1774fddf 100644
--- a/webapp/components/InviteButton/InviteButton.vue
+++ b/webapp/components/InviteButton/InviteButton.vue
@@ -1,7 +1,15 @@
 <template>
   <dropdown class="invite-button" offset="8" :placement="placement">
     <template #default="{ toggleMenu }">
-      <base-button icon="user-plus" circle ghost @click.prevent="toggleMenu" />
+      <base-button
+        icon="user-plus"
+        circle ghost
+        v-tooltip="{
+          content: $t('invite-codes.button.tooltip'),
+          placement: 'bottom-start',
+        }"
+        @click.prevent="toggleMenu"
+      />
     </template>
     <template #popover>
       <div class="invite-button-menu-popover">
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index d21e63547..55c521883 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -515,6 +515,9 @@
     "no-results": "Keine Beiträge gefunden."
   },
   "invite-codes": {
+    "button": {
+      "tooltip": "Lade deine Freunde ein"
+    },
     "copy-code": "Einladungslink kopieren",
     "copy-success": "Einladungscode erfolgreich in die Zwischenablage kopiert",
     "not-available": "Du hast keinen Einladungscode zur Verfügung!",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index c3022b7ad..acc8528aa 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -515,6 +515,9 @@
     "no-results": "No contributions found."
   },
   "invite-codes": {
+    "button": {
+      "tooltip": "Invite your friends"
+    },
     "copy-code": "Copy Invite Link",
     "copy-success": "Invite code copied to clipboard",
     "not-available": "You have no valid invite code available!",