Update Post component, adding follow and unfollow methods.

This commit is contained in:
Vivianne Langdon 2023-09-27 23:53:51 -07:00
parent a1e162f095
commit 4508697563

View file

@ -37,6 +37,8 @@
v-on:bookmark="handleBookmark()" v-on:bookmark="handleBookmark()"
v-on:share="shareStatus()" v-on:share="shareStatus()"
v-on:unshare="unshareStatus()" v-on:unshare="unshareStatus()"
v-on:follow="follow()"
v-on:unfollow="unfollow()"
v-on:counter-change="counterChange" v-on:counter-change="counterChange"
/> />
</div> </div>
@ -333,6 +335,30 @@
}) })
}, },
follow() {
axios.post('/api/v1/accounts/' + this.post.account.id + '/follow')
.then(res => {
this.$store.commit('updateRelationship', [res.data]);
this.user.following_count++;
this.post.account.followers_count++;
}).catch(err => {
swal('Oops!', 'An error occurred when attempting to follow this account.', 'error');
this.post.relationship.following = false;
});
},
unfollow() {
axios.post('/api/v1/accounts/' + this.post.account.id + '/unfollow')
.then(res => {
this.$store.commit('updateRelationship', [res.data]);
this.user.following_count--;
this.post.account.followers_count--;
}).catch(err => {
swal('Oops!', 'An error occurred when attempting to unfollow this account.', 'error');
this.post.relationship.following = true;
});
},
openContextMenu() { openContextMenu() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.contextMenu.open(); this.$refs.contextMenu.open();