pleroma-fe

commit: 3caa45a8c59d3232b3cac4542cd198cf0b7d87e2
parent 202a0e8dd730ec3f6ad054272c83667cd89cebdc
Author: Henry Jameson <me@hjkos.com>
Date:   Fri, 27 Dec 2024 00:27:41 +0200

add 'toggled' to picked react emoji

Diffstat:
M
src/components/emoji_reactions/emoji_reactions.js
5
++++-
M
src/components/emoji_reactions/emoji_reactions.vue
2
+-

2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
@@ -85,7 +85,10 @@ const EmojiReactions = {
           'btn',
           'button-default',
           'emoji-reaction-count-button',
-          { '-picked-reaction': this.reactedWith(reaction.name) }
+          {
+            '-picked-reaction': this.reactedWith(reaction.name),
+            toggled: this.reactedWith(reaction.name)
+          }
         ],
         'aria-label': this.$tc('status.reaction_count_label', reaction.count, { num: reaction.count })
       }
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
@@ -10,7 +10,7 @@
         v-bind="!loggedIn ? { href: remoteInteractionLink } : {}"
         role="button"
         class="emoji-reaction btn button-default"
-        :class="{ '-picked-reaction': reactedWith(reaction.name) }"
+        :class="{ '-picked-reaction': reactedWith(reaction.name), toggled: reactedWith(reaction.name) }"
         :title="reaction.url ? reaction.name : undefined"
         :aria-pressed="reactedWith(reaction.name)"
         @click="emojiOnClick(reaction.name, $event)"