diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index a61b8df..584ac6f 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -1,4 +1,4 @@ -import { Play, Volume2, VolumeX, Mouse } from "lucide-react"; +import { Play, Volume2, VolumeX } from "lucide-react"; import { type Video } from "@shared/schema"; import { useState, useRef, useEffect } from "react"; import Hls from "hls.js"; @@ -47,9 +47,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay const [isHovered, setIsHovered] = useState(false); const [showPreview, setShowPreview] = useState(false); const [isMuted, setIsMuted] = useState(true); - const [showHint, setShowHint] = useState(false); const hoverTimeoutRef = useRef(); - const hintTimeoutRef = useRef(); const videoRef = useRef(null); const hlsRef = useRef(null); const [currentTime, setCurrentTime] = useState(0); @@ -86,27 +84,18 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay // Enable video preview on hover for desktop devices useEffect(() => { if (isHovered) { - // Show hint after short delay + // Enable preview for desktop devices after delay if (window.innerWidth >= 768) { - hintTimeoutRef.current = setTimeout(() => { - setShowHint(true); - }, 200); - const delay = 800; hoverTimeoutRef.current = setTimeout(() => { setShowPreview(true); - setShowHint(false); // Hide hint when preview starts }, delay); } } else { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); } - if (hintTimeoutRef.current) { - clearTimeout(hintTimeoutRef.current); - } setShowPreview(false); - setShowHint(false); // Clean up HLS when not hovering if (hlsRef.current) { hlsRef.current.destroy(); @@ -118,9 +107,6 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); } - if (hintTimeoutRef.current) { - clearTimeout(hintTimeoutRef.current); - } if (hlsRef.current) { hlsRef.current.destroy(); } @@ -282,30 +268,6 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay )} - {/* Preview hint animation */} - {showHint && !showPreview && ( -
-
-
- - Hover to preview -
-
- - {/* Mouse scrub animation */} -
-
- - {/* Left-right movement indicator */} -
-
-
-
-
-
- )} {/* Modern gradient overlay with title */} {!showPreview && !hideOverlay && ( @@ -319,12 +281,6 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay

- {/* Subtle hover indicator in corner */} -
-
- -
-
)}