From ded71b46c596782f3b7e1be0c4fb265c43f0cd07 Mon Sep 17 00:00:00 2001
From: negue <negue@users.noreply.github.com>
Date: Tue, 25 Mar 2025 18:12:44 +0100
Subject: [PATCH] use the correct like icon/boldness when not the current user
 liked it (#15409)

---
 website/client/src/components/messages/likeButton.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/client/src/components/messages/likeButton.vue b/website/client/src/components/messages/likeButton.vue
index 8122c1d3d2..54d31f51d4 100644
--- a/website/client/src/components/messages/likeButton.vue
+++ b/website/client/src/components/messages/likeButton.vue
@@ -15,7 +15,7 @@
         <div
           class="svg-icon mr-1"
           :title="$t('liked')"
-          v-html="icons.liked"
+          v-html="likedIcon"
         ></div>
         +{{ likeCount }}
       </div>
@@ -47,7 +47,7 @@
     width: 16px;
   }
 
-  &.isLiked {
+  &.isLiked.currentUserLiked {
     color: $purple-200;
     font-weight: bold;
 
@@ -95,7 +95,11 @@ export default {
       }),
     };
   },
-
+  computed: {
+    likedIcon () {
+      return this.likedByCurrentUser ? this.icons.liked : this.icons.like;
+    },
+  },
   methods: {
     async like () {
       this.$emit('toggle-like');