diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 1f53281..5a79f4f 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -47,9 +47,7 @@ function formatDate(date: Date | string): string { export default function VideoCard({ video, onClick, className = "" }: VideoCardProps) { const [isHovered, setIsHovered] = useState(false); const [showPreview, setShowPreview] = useState(false); - const [showPopup, setShowPopup] = useState(false); const hoverTimeoutRef = useRef(); - const popupTimeoutRef = useRef(); const videoRef = useRef(null); const hlsRef = useRef(null); @@ -89,29 +87,17 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP hoverTimeoutRef.current = setTimeout(() => { setShowPreview(true); }, 800); // Start preview after 800ms hover - - // Show popup after additional delay - popupTimeoutRef.current = setTimeout(() => { - setShowPopup(true); - }, 1200); // Show popup after 1.2s hover } else { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); } - if (popupTimeoutRef.current) { - clearTimeout(popupTimeoutRef.current); - } setShowPreview(false); - setShowPopup(false); } return () => { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); } - if (popupTimeoutRef.current) { - clearTimeout(popupTimeoutRef.current); - } }; }, [isHovered]); @@ -173,7 +159,7 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP return (
setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} > @@ -247,44 +233,6 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
- {/* Netflix-style popup overlay - stays within card */} - {showPopup && ( -
- {/* Action buttons */} -
- - - - -
- - {/* Video info */} -
-

{video.title}

-
- HD - {formatDuration(video.duration)} - {video.category && ( - <> - - {video.category} - - )} -
-
-
- )} ); }