From 626e7b65e9a7c00ed68c78400e03e27cbd4c77c0 Mon Sep 17 00:00:00 2001
From: "Jakob L. Kreuze" <zerodaysfordays@sdf.org>
Date: Tue, 14 Mar 2023 18:05:47 -0400
Subject: Indicator when reaction attempt succeeded

---
 haunt/static/js/comment-reaction.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/haunt/static/js/comment-reaction.js b/haunt/static/js/comment-reaction.js
index fb5bfaf..db980b3 100644
--- a/haunt/static/js/comment-reaction.js
+++ b/haunt/static/js/comment-reaction.js
@@ -26,7 +26,7 @@ function encodeAsFormData(obj) {
   return urlEncodedDataPairs.join('&');
 }
 
-function postReaction(reaction) {
+function postReaction(reaction, callback) {
   let xhr = new XMLHttpRequest();
   xhr.open('POST', "/api/comment/react", true);
 
@@ -36,6 +36,7 @@ function postReaction(reaction) {
   xhr.onload = function(data) {
     switch (xhr.status) {
     case 200:
+      callback();
       break;
     case 429:
       alert("Failed -- you can react at most once an hour.");
@@ -113,6 +114,10 @@ window.addEventListener("load", () => {
           postReaction({
             "id": reactButton.getAttribute("data-react-to-id"),
             "reaction": button.innerHTML
+          }, () => {
+            let reactAcknowledgement = document.createElement("span");
+            reactAcknowledgement.innerHTML = "successfully reacted!"
+            reactButton.replaceWith(reactAcknowledgement);
           });
           emojiPicker.remove();
         });
-- 
cgit v1.3