From 0b8a444b39440241e4449eec7eb525e45ca56a92 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 8 Jun 2025 20:52:12 +0200
Subject: [PATCH] Implement debouncing

---
 app/[slug]/dashboard/website/page.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/[slug]/dashboard/website/page.tsx b/app/[slug]/dashboard/website/page.tsx
index b298101..989e3f1 100644
--- a/app/[slug]/dashboard/website/page.tsx
+++ b/app/[slug]/dashboard/website/page.tsx
@@ -13,15 +13,25 @@ export default function Page() {
   const api = new AbstractApi<Website>();
   const serializer = new WebsiteSerializer();
 
+  const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout | null>(null);
+
   useEffect(() => {
     api.get(serializer, undefined, (loadedWebsite) => {
       setWebsite(loadedWebsite);
-      console.log('Website loaded:', loadedWebsite);
     });
   }, []);
 
   const updateWebsite = (newContent: string) => {
-    api.update(serializer, new Website('', newContent), () => { });
+    // Debounce API update: send after 500ms of no further changes
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    setTimeoutId(
+      setTimeout(() => {
+        api.update(serializer, new Website('', newContent), () => { });
+      }, 500)
+    );
   }
 
   return (