implement debouncing

code100x · May 26, 2024 · b83945b · b83945b
1 parent 537be0d
commit b83945b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/videothumbnail.tsx b/src/components/videothumbnail.tsx
@@ -97,12 +97,16 @@ const VideoThumbnail = ({
       setVideoUrl(null);
     };
   }, [contentId]);
-
+  let hoverTimeout: any;
   const handleMouseEnter = () => {
+    hoverTimeout = setTimeout(() => {
+      setHover(true);
+    }, 500);
     setHover(true);
   };
 
   const handleMouseLeave = () => {
+    clearTimeout(hoverTimeout);
     setHover(false);
   };
   const handlePlayerReady = async (player: Player) => {