From 186e6a4a3457214c18ae82c5c97442a9fb91fa7d Mon Sep 17 00:00:00 2001
From: Sergey Krashevich <svk@svk.su>
Date: Fri, 7 Jul 2023 14:28:25 +0300
Subject: [PATCH] add 0.5s delay before switching

---
 web/src/routes/Cameras.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/Cameras.jsx b/web/src/routes/Cameras.jsx
index 3e1111e54..73523e67f 100644
--- a/web/src/routes/Cameras.jsx
+++ b/web/src/routes/Cameras.jsx
@@ -101,12 +101,19 @@ function Camera({ name, config }) {
   );
 
   const [isHovered, setIsHovered] = useState(false); // Add a state to track if the mouse is over the card
+  const [timerId, setTimerId] = useState(null); // Add a state to keep track of the timer
 
   const handleMouseEnter = () => {
-    setIsHovered(true);
+    // Set a timer to change the state after 0.5 seconds
+    const id = setTimeout(() => {
+      setIsHovered(true);
+    }, 500);
+    setTimerId(id);
   };
 
   const handleMouseLeave = () => {
+    // Clear the timer if the mouse leaves before the 0.5 seconds are up
+    clearTimeout(timerId);
     setIsHovered(false);
   };