From 35e81de0fd6363984237a2ef54f3f7d5787f5667 Mon Sep 17 00:00:00 2001
From: Alok <i@alokprateek.in>
Date: Thu, 8 Aug 2024 20:32:07 +0530
Subject: [PATCH] add error handling

---
 src/components/custom/LeadForm.astro | 30 ++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/components/custom/LeadForm.astro b/src/components/custom/LeadForm.astro
index 72598a65..c8addf57 100644
--- a/src/components/custom/LeadForm.astro
+++ b/src/components/custom/LeadForm.astro
@@ -92,3 +92,33 @@ let username = "user2s";
     </div>
   </div>
 </form>
+
+<script is:inline>
+  document.getElementById('contact-form').addEventListener('submit', async function(event) {
+    event.preventDefault(); // Prevent the default form submission
+
+    const form = event.target;
+    const formData = new FormData(form);
+    const errorDiv = document.querySelector('.error');
+
+    try {
+      const response = await fetch(form.action, {
+        method: form.method,
+        body: formData
+      });
+
+      if (response.ok) {
+        const result = await response.json();
+        errorDiv.textContent = 'Message sent successfully!';
+        errorDiv.style.color = 'green';
+      } else {
+        const error = await response.json();
+        errorDiv.textContent = `Error: ${error.message}`;
+        errorDiv.style.color = 'red';
+      }
+    } catch (error) {
+      errorDiv.textContent = `Error: ${error.message}`;
+      errorDiv.style.color = 'red';
+    }
+  });
+</script>
\ No newline at end of file