2 files changed, 17 insertions, 15 deletions

diff --git a/static/js/dynamic-comment-form.js b/static/js/dynamic-comment-form.js
index ff5f875..809a755 100644
--- a/static/js/dynamic-comment-form.js
+++ b/static/js/dynamic-comment-form.js
@@ -42,19 +42,15 @@ function makeRequest (method, url) {
 }
 
 window.addEventListener("load", () => {
-  let primaryDisplay = document.getElementById("comment-form-primary");
+  let primaryDisplay = document.getElementById("comment-form");
   primaryDisplay.removeAttribute("hidden");
 
-  let altDisplay = document.getElementById("comment-form-alt");
-  altDisplay.remove();
+  const altDisplay = document.getElementById("captcha-alternative-wrapper");
 
   let trigger = document.getElementById("captcha-challenge-trigger");
-  let triggerBlock = document.getElementById("captcha-trigger-block");
   trigger.addEventListener("click", (event) => {
-    let captchaField = document.getElementById("comment-captcha");
-
     let captchaId = document.getElementById("captcha-id");
-    let captchaImage = document.getElementById("captcha-image");
+    let wrapper = document.getElementById("captcha-image-wrapper");
 
     trigger.innerHTML = "Please wait...";
     trigger.disabled = true;
@@ -65,13 +61,17 @@ window.addEventListener("load", () => {
           // Update form with parsed values.
           let challengeData = JSON.parse(data);
           captchaId.value = challengeData["challenge-id"];
-          captchaImage.src = challengeData["image"];
 
-          // Unhide fieldset.
-          captchaField.removeAttribute("hidden");
+          const img = document.createElement('img');
+          img.src = challengeData["image"];
+          // img.src = `data:image/png;base64,${base64Data}`;
+          wrapper.innerHTML = '';
+          wrapper.appendChild(img);
+
+          trigger.hidden = true;
 
-          // Hide initial trigger.
-          triggerBlock.remove();
+          // Unhide fieldset.
+          altDisplay.removeAttribute("hidden");
         })
         .catch(console.err);
     }
@@ -80,7 +80,6 @@ window.addEventListener("load", () => {
   });
 });
 
-
 window.addEventListener("load", () => {
   // Unhide additional comment actions if Javascript is enabled.
   let additionalActionsRows = document.querySelectorAll(".comment-additional-actions");
diff --git a/static/js/proof-of-work.js b/static/js/proof-of-work.js
index b4b5c57..f2f0484 100644
--- a/static/js/proof-of-work.js
+++ b/static/js/proof-of-work.js
@@ -81,7 +81,7 @@ function raceEndpoint() {
 }
 
 window.addEventListener("load", () => {
-  let trigger = document.getElementById("pow-trigger");
+  let trigger = document.getElementById("proof-of-work-trigger");
   trigger.removeAttribute("hidden");
   trigger.addEventListener("click", (e) => {
     trigger.innerHTML = "Please wait...";
@@ -96,8 +96,11 @@ window.addEventListener("load", () => {
         trigger.disabled = true;
 
         // Hide the primary captcha, too, to make it clear that it isn't necessary to complete.
-        let primaryChallenge = document.getElementById("captcha-challenge-primary");
+        let primaryChallenge = document.getElementById("captcha-image-wrapper");
         primaryChallenge.hidden = true;
+        let solutionInput = document.getElementById("captcha-solution");
+        solutionInput.hidden = true;
+        solutionInput.removeAttribute("required");
       })
       .catch((err) => {
         console.log(err);