From d14b9dc7a02c22a258c3f4cc5fb1001429de197e Mon Sep 17 00:00:00 2001
From: James Shiffer <2191476+scoliono@users.noreply.github.com>
Date: Tue, 15 Sep 2020 11:40:46 -0700
Subject: [PATCH] debounce the contact form button

---
 src/routes/contact.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/contact.svelte b/src/routes/contact.svelte
index e23b4dd..5930b71 100644
--- a/src/routes/contact.svelte
+++ b/src/routes/contact.svelte
@@ -4,10 +4,12 @@
 
 <script>
     let title = '', name = '', message = '';
+    let loading = false;
 
     async function sendSuggestion()
     {
         try {
+            loading = true;
             const res = await fetch(`/suggestions`, {
                 method: 'POST',
                 headers: {
@@ -25,6 +27,8 @@
             }
         } catch (err) {
             console.error(err);
+        } finally {
+            loading = false;
         }
     }
 </script>
@@ -88,7 +92,7 @@
         <p>Name: <input type="text" name="name" bind:value={name} placeholder="Anonymous"></p>
         <p>Title: <input type="text" name="title" bind:value={title}></p>
         <p><textarea name="message" bind:value={message}></textarea></p>
-        <p><button type="submit">Send</button></p>
+        <p><button type="submit" disabled={loading}>Send</button></p>
     </form>
 	<!-- ad goes here -->
     <h1 class="center">Come Find Us!</h1>