chore: subscribe another callback to only render the captcha

developer-friendly · Jan 5, 2025 · a5b4bd4 · a5b4bd4
1 parent a4158c0
commit a5b4bd4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/docs/static/subscribe.js b/docs/static/subscribe.js
@@ -43,3 +43,10 @@ document$.subscribe(function prepareSubForm() {
   subscribeButton.addEventListener("click", subscribeButtonClick);
   subscriptionForm.addEventListener("submit", subscribeButtonSubmit);
 });
+
+document$.subscribe(function initializeCaptcha() {
+  hcaptcha.render("h-captcha-0de6fb2e-eb24-454a-8dfe-4f6c9670ab7e", {
+    theme: "dark",
+    sitekey: "0de6fb2e-eb24-454a-8dfe-4f6c9670ab7e",
+  });
+});
diff --git a/overrides/main.html b/overrides/main.html
@@ -4,6 +4,7 @@
   {{ super() }}
   {% include "partials/pirsch.html" ignore missing %}
   {% include "partials/logrocket.html" ignore missing %}
+  {% include "partials/subscription-header.html" ignore missing %}
   {% include "blog-refactor-compatibility.html" ignore missing %}
 {% endblock %}
 

diff --git a/overrides/partials/subscription-form.html b/overrides/partials/subscription-form.html
@@ -32,13 +32,7 @@ <h3>Subscribe to Newsletter</h3>
         checked
         value="ea947371-ce6e-46e5-ade0-736c1a72d55e"
       />
-      <div
-        id="h-captcha-0de6fb2e-eb24-454a-8dfe-4f6c9670ab7e"
-        class="h-captcha"
-        data-theme="dark"
-        data-sitekey="0de6fb2e-eb24-454a-8dfe-4f6c9670ab7e"
-      ></div>
-      <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
+      <div id="h-captcha-0de6fb2e-eb24-454a-8dfe-4f6c9670ab7e"></div>
       <input
         class="md-button md-button--primary"
         type="submit"