Fix react button not working if reaction accounts are not loaded

This commit is contained in:
tusooa 2023-06-09 16:11:15 -04:00
parent 624af7ed00
commit 8ba22a2481
No known key found for this signature in database
GPG Key ID: 42AEC43D48433C51
3 changed files with 6 additions and 4 deletions

View File

@ -0,0 +1 @@
Fix react button not working if reaction accounts are not loaded

View File

@ -57,10 +57,10 @@ const EmojiReactions = {
reactedWith (emoji) { reactedWith (emoji) {
return this.status.emoji_reactions.find(r => r.name === emoji).me return this.status.emoji_reactions.find(r => r.name === emoji).me
}, },
fetchEmojiReactionsByIfMissing () { async fetchEmojiReactionsByIfMissing () {
const hasNoAccounts = this.status.emoji_reactions.find(r => !r.accounts) const hasNoAccounts = this.status.emoji_reactions.find(r => !r.accounts)
if (hasNoAccounts) { if (hasNoAccounts) {
this.$store.dispatch('fetchEmojiReactionsBy', this.status.id) return await this.$store.dispatch('fetchEmojiReactionsBy', this.status.id)
} }
}, },
reactWith (emoji) { reactWith (emoji) {
@ -69,9 +69,10 @@ const EmojiReactions = {
unreact (emoji) { unreact (emoji) {
this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji }) this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
}, },
emojiOnClick (emoji, event) { async emojiOnClick (emoji, event) {
if (!this.loggedIn) return if (!this.loggedIn) return
await this.fetchEmojiReactionsByIfMissing()
if (this.reactedWith(emoji)) { if (this.reactedWith(emoji)) {
this.unreact(emoji) this.unreact(emoji)
} else { } else {

View File

@ -757,7 +757,7 @@ const statuses = {
) )
}, },
fetchEmojiReactionsBy ({ rootState, commit }, id) { fetchEmojiReactionsBy ({ rootState, commit }, id) {
rootState.api.backendInteractor.fetchEmojiReactions({ id }).then( return rootState.api.backendInteractor.fetchEmojiReactions({ id }).then(
emojiReactions => { emojiReactions => {
commit('addEmojiReactionsBy', { id, emojiReactions, currentUser: rootState.users.currentUser }) commit('addEmojiReactionsBy', { id, emojiReactions, currentUser: rootState.users.currentUser })
} }