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

1
index.html
View File

@@ -5,7 +5,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://js.stripe.com https://accounts.google.com 'unsafe-eval';">
<title>Hutopy</title> <title>Hutopy</title>
</head> </head>

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

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