From 2a44b18aa6652e760b8453d9f35e8d63d3f2803c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 12 Jul 2023 16:08:43 +0200
Subject: [PATCH] Fix icon and set texts on chat button on user profile

---
 webapp/locales/de.json                  |  6 ++++++
 webapp/locales/en.json                  | 10 ++++++----
 webapp/pages/profile/_id/_slug.vue      |  7 ++++---
 webapp/static/img/empty/chat-bubble.svg |  1 -
 4 files changed, 16 insertions(+), 8 deletions(-)
 delete mode 100644 webapp/static/img/empty/chat-bubble.svg

diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index b3d53908c..9f2cb08b2 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -77,6 +77,12 @@
       }
     }
   },
+  "chat": {
+    "userProfileButton": {
+      "label": "Chat",
+      "tooltip": "Chatte mit diesem Nutzer"
+    }
+  },
   "client-only": {
     "loading": "Lade …"
   },
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 23bd81ca8..f73909db5 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -77,6 +77,12 @@
       }
     }
   },
+  "chat": {
+    "userProfileButton": {
+      "label": "Chat",
+      "tooltip": "Chat with the user"
+    }
+  },
   "client-only": {
     "loading": "Loading …"
   },
@@ -694,10 +700,6 @@
       "unread": "Unread"
     },
     "group": "Description",
-    "headerMenuButton": {
-      "chat": "My Chat",
-      "tooltip": "My notifications"
-    },
     "markAllAsRead": "Mark all as read",
     "pageLink": "All notifications",
     "post": "Post or Group",
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 62d2f1be7..60c503ad7 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -80,13 +80,14 @@
               @update="updateFollow"
             />
             <base-button
-              @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: true, roomID: user.id })"
+              icon="chat-bubble"
               v-tooltip="{
-                content: $t('notifications.headerMenuButton.chat'),
+                content: $t('chat.userProfileButton.tooltip'),
                 placement: 'bottom-start',
               }"
+              @click="$store.commit('chat/SET_OPEN_CHAT', { showChat: true, roomID: user.id })"
             >
-              <img src="/img/empty/chat-bubble.svg" height="20" />
+              {{ $t('chat.userProfileButton.label') }}
             </base-button>
           </div>
           <template v-if="user.about">
diff --git a/webapp/static/img/empty/chat-bubble.svg b/webapp/static/img/empty/chat-bubble.svg
deleted file mode 100644
index b840e9c37..000000000
--- a/webapp/static/img/empty/chat-bubble.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="chat-bubble"><g data-name="Chat"><path fill="#9B9B9B" d="M27.23,24.91A9,9,0,0,0,22.44,9.52,8.57,8.57,0,0,0,21,9.41a8.94,8.94,0,0,0-8.92,10.14c0,.1,0,.2,0,.29a9,9,0,0,0,.22,1l0,.11a8.93,8.93,0,0,0,.38,1l.13.28a9,9,0,0,0,.45.83l.07.14a9.13,9.13,0,0,1-2.94-.36,1,1,0,0,0-.68,0L7,24.13l.54-1.9a1,1,0,0,0-.32-1,9,9,0,0,1,11.27-14,1,1,0,0,0,1.23-1.58A10.89,10.89,0,0,0,13,3.25a11,11,0,0,0-7.5,19l-1,3.34A1,1,0,0,0,5.9,26.82l4.35-1.93a11,11,0,0,0,4.68.16A9,9,0,0,0,21,27.41a8.81,8.81,0,0,0,2.18-.27l3.41,1.52A1,1,0,0,0,28,27.48Zm-1.77-1.1a1,1,0,0,0-.32,1L25.45,26l-1.79-.8a1,1,0,0,0-.41-.09,1,1,0,0,0-.29,0,6.64,6.64,0,0,1-2,.29,7,7,0,0,1,0-14,6.65,6.65,0,0,1,1.11.09,7,7,0,0,1,3.35,12.31Z"></path><path fill="#9B9B9B" d="M17.82 17.08H17a1 1 0 0 0 0 2h.82a1 1 0 0 0 0-2zM21.41 17.08h-.82a1 1 0 0 0 0 2h.82a1 1 0 0 0 0-2zM25 17.08h-.82a1 1 0 0 0 0 2H25a1 1 0 0 0 0-2z"></path></g></svg>
\ No newline at end of file