From 91ee137ff51efde234870e1afacab88b0d38960e Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sun, 29 Dec 2024 00:31:03 +0100
Subject: [PATCH] Implement lamp brightness debouncing

---
 frontend/src/lib/components/Lamp.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Lamp.svelte b/frontend/src/lib/components/Lamp.svelte
index a5c3254..a16d043 100644
--- a/frontend/src/lib/components/Lamp.svelte
+++ b/frontend/src/lib/components/Lamp.svelte
@@ -2,9 +2,13 @@
 	export let brightnessChange = (brightness: number) => {};
 	export let brightness: number;
 
-	function handleBrightnessChange(event) {
-		brightness = event.target.value;
-		brightnessChange(brightness);
+	let timer: number;
+	function handleBrightnessChange(event: Event) {
+		clearTimeout(timer);
+		timer = setTimeout(() => {
+			brightness = event.target?.value || 0;
+			brightnessChange(brightness);
+		}, 300);
 	}
 </script>