jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust reaction count before calling the backend to have fast feedback

Browse Source
This commit is contained in:
Dominic Villemure
2024-08-25 10:34:12 -04:00
parent 28d2de8b7b
commit 795cc1181b
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/contents/Reaction.vue
View File

@@ -42,13 +42,13 @@ async function reactToContent(reaction) {
userId: userStore.user.id,
userName: `${userStore.user.firstName} ${userStore.user.lastName}`,
};
adjustReactionCount(reaction);
await client.post("/api/content/reaction/", request);
adjustReactionCount(reaction, true);
hasReacted.value = true;
console.log(`Added ${reaction} reaction to content.`);
} else if (reaction !== currentReaction.value) {
adjustReactionCount(currentReaction.value, false);
adjustReactionCount(currentReaction.value);
const requestRemove = {
ContentId: contentId.value,
userId: userStore.user.id,
@@ -61,18 +61,18 @@ async function reactToContent(reaction) {
userId: userStore.user.id,
userName: `${userStore.user.firstName} ${userStore.user.lastName}`,
};
adjustReactionCount(reaction);
await client.post("/api/content/reaction/", requestAdd);
adjustReactionCount(reaction, true);
console.log(`Changed reaction to ${reaction} on content.`);
} else {
const requestRemove = {
ContentId: contentId.value,
userId: userStore.user.id,
};
adjustReactionCount(reaction);
await client.post("/api/content/reaction/remove", requestRemove);
adjustReactionCount(reaction, false);
hasReacted.value = false;
console.log("Reaction to content removed.");
}