refs #62 Update favourited status in favourites
This commit is contained in:
parent
d313f93dfe
commit
b4ffccf27c
|
@ -44,6 +44,9 @@ export default {
|
|||
changeFavourite (message) {
|
||||
if (message.favourited) {
|
||||
this.$store.dispatch('TimelineSpace/Cards/Toot/removeFavourite', message)
|
||||
.then((data) => {
|
||||
this.$emit('update', data)
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
message: 'Failed to unfavourite',
|
||||
|
@ -52,6 +55,9 @@ export default {
|
|||
})
|
||||
} else {
|
||||
this.$store.dispatch('TimelineSpace/Cards/Toot/addFavourite', message)
|
||||
.then((data) => {
|
||||
this.$emit('update', data)
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
message: 'Failed to favourite',
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div id="favourites">
|
||||
<div class="fav" v-for="message in favourites" v-bind:key="message.id">
|
||||
<toot :message="message"></toot>
|
||||
<toot :message="message" v-on:update="updateToot"></toot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -37,6 +37,11 @@ export default {
|
|||
type: 'error'
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
updateToot (message) {
|
||||
this.$store.commit('TimelineSpace/Favourites/updateToot', message)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -16,7 +16,7 @@ const Toot = {
|
|||
client.post(`/statuses/${message.id}/favourite`, {}, (err, data, res) => {
|
||||
if (err) return reject(err)
|
||||
commit('TimelineSpace/updateToot', data, { root: true })
|
||||
resolve(res)
|
||||
resolve(data)
|
||||
})
|
||||
})
|
||||
},
|
||||
|
@ -31,7 +31,7 @@ const Toot = {
|
|||
client.post(`/statuses/${message.id}/unfavourite`, {}, (err, data, res) => {
|
||||
if (err) return reject(err)
|
||||
commit('TimelineSpace/updateToot', data, { root: true })
|
||||
resolve(res)
|
||||
resolve(data)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
|
|
@ -8,6 +8,15 @@ const Favourites = {
|
|||
mutations: {
|
||||
insertFavourites (state, favourites) {
|
||||
state.favourites = favourites
|
||||
},
|
||||
updateToot (state, message) {
|
||||
state.favourites = state.favourites.map((toot) => {
|
||||
if (toot.id === message.id) {
|
||||
return message
|
||||
} else {
|
||||
return toot
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
|
|
Loading…
Reference in New Issue