From dcd7428687ba42d6f11a09c6bfc903dcd74d576b Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Wed, 5 Feb 2025 12:15:03 +1000
Subject: [PATCH] Add send lock to ntfy message box

---
 src/routes/+page.svelte | 6 +++++-
 src/routes/style.css    | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c4817d4..a1947e2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,7 +5,10 @@
 
     const pages = getPages();
 
+    let ntfyLock = false;
     async function sendNtfyMessage() {
+        if (ntfyLock) return;
+        ntfyLock = true;
         const message = document.getElementById("ntfy-message").value;
         if (message.length < 15)
             return alert(
@@ -21,6 +24,7 @@
             },
         });
         if (resp.ok) alert(`Sent: ${message}`);
+        ntfyLock = false;
     }
 
     function updateNtfyCharCount(_) {
@@ -404,7 +408,7 @@
         128
     </label>
     <br />
-    <button on:click={sendNtfyMessage} style="margin-top: 1rem;"> Send </button>
+    <button on:click={sendNtfyMessage} style="margin-top: 1rem;" disabled={ntfyLock}> Send </button>
 </main>
 
 <style>
diff --git a/src/routes/style.css b/src/routes/style.css
index 86fd027..b9aae57 100644
--- a/src/routes/style.css
+++ b/src/routes/style.css
@@ -409,6 +409,11 @@ input[type="submit"] {
     cursor: pointer;
 }
 
+button[disabled],
+input[type="submit"][disabled] {
+    opacity: 0.6;
+}
+
 input[type="text"] {
     padding: 0.5em;