Add send lock to ntfy message box

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>

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;