From 795cc1181b86a6c573f79032e3ff63baa96b3084 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Sun, 25 Aug 2024 10:34:12 -0400
Subject: [PATCH] Adjust reaction count before calling the backend to have fast
 feedback

---
 index.html                      | 1 -
 src/views/contents/Reaction.vue | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 02beed0..805ae6f 100644
--- a/index.html
+++ b/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>
 
diff --git a/src/views/contents/Reaction.vue b/src/views/contents/Reaction.vue
index 63bbc92..8d63ba6 100644
--- a/src/views/contents/Reaction.vue
+++ b/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.");
   }