chore: hide subscribe button if the server is down (#70)

developer-friendly · Jan 11, 2025 · 66ff801 · 66ff801
1 parent bffe4a3
commit 66ff801
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/docs/static/subscribe.css b/docs/static/subscribe.css
@@ -54,6 +54,10 @@
   flex-direction: column;
 }
 
+#subscribe-container-82087868.hidden {
+  display: none;
+}
+
 #subscribe-form-9b27c56e.hidden {
   display: none;
 }

diff --git a/docs/static/subscribe.js b/docs/static/subscribe.js
@@ -1,4 +1,4 @@
-document$.subscribe(function prepareSubForm() {
+document$.subscribe(async function prepareSubForm() {
   var formParentDiv = document.getElementById("subscribe-form-9b27c56e");
   var subscriptionForm = document.getElementById("subscription-form-b8eb1947");
   var subscribeButton = document.getElementById("subscribe-button-ea4577c9");
@@ -81,6 +81,18 @@ document$.subscribe(function prepareSubForm() {
     submitInfo.classList.remove("hidden");
   }
 
+  async function renderSubscriptionForm() {
+    console.log("Fetching newsletter subscription form...");
+
+    var response = await fetch("https://newsletter.developer-friendly.blog");
+    if (response.status == 200) {
+      document
+        .getElementById("subscribe-container-82087868")
+        .classList.remove("hidden");
+    }
+  }
+
   subscribeButton.addEventListener("click", subscribeButtonClick);
   subscriptionForm.addEventListener("submit", subscribeButtonSubmit);
+  await renderSubscriptionForm();
 });
diff --git a/overrides/partials/subscription-form.html b/overrides/partials/subscription-form.html
@@ -1,4 +1,4 @@
-<div id="subscribe-container-82087868">
+<div id="subscribe-container-82087868" class="hidden">
   <button id="subscribe-button-ea4577c9">
     <i class="icon-paper-plane-abdcf51b"></i>
   </button>