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 && (
-
-
-
- {/* 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 */}
-
)}