Adjust reaction count before calling the backend to have fast feedback

index.html

@@ -5,7 +5,6 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <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>
 </head>
 

src/views/contents/Reaction.vue

@@ -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.");
   }