diff options
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/reactions-viewer.reaction.vue | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/client/components/reactions-viewer.reaction.vue b/src/client/components/reactions-viewer.reaction.vue index 6b72f2e105..639a1603ca 100644 --- a/src/client/components/reactions-viewer.reaction.vue +++ b/src/client/components/reactions-viewer.reaction.vue @@ -9,9 +9,9 @@ @mouseleave="onMouseleave" @touchend="onMouseleave" ref="reaction" - v-particle + v-particle="canToggle" > - <x-reaction-icon :reaction="reaction" :customEmojis="note.emojis" ref="icon"/> + <x-reaction-icon :reaction="reaction" :custom-emojis="note.emojis" ref="icon"/> <span>{{ count }}</span> </button> </template> @@ -55,21 +55,20 @@ export default Vue.extend({ return this.$store.getters.isSignedIn && this.$store.state.i.id === this.note.userId; }, canToggle(): boolean { - return !this.reaction.match(/@\w/); + return !this.reaction.match(/@\w/) && !this.isMe && this.$store.getters.isSignedIn; }, }, - mounted() { - if (!this.isInitial) this.anime(); - }, watch: { count(newCount, oldCount) { if (oldCount < newCount) this.anime(); if (this.details != null) this.openDetails(); }, }, + mounted() { + if (!this.isInitial) this.anime(); + }, methods: { toggleReaction() { - if (this.isMe) return; if (!this.canToggle) return; const oldReaction = this.note.myReaction; |