Update video player navigation buttons with new colors and styles
Refactors VideoCard and VideoPreviewThumbnail components, updates navigation buttons on VideoPage with a new gradient style, and modifies the company logo's styling on the Home page. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
This commit is contained in:
@@ -54,20 +54,11 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
|
||||
|
||||
// Enable video preview on hover for desktop devices
|
||||
useEffect(() => {
|
||||
console.log(`VideoCard hover state changed for ${video.id}:`, {
|
||||
isHovered,
|
||||
windowWidth: window.innerWidth,
|
||||
hasVideoUrl: !!video.videoUrl,
|
||||
videoUrl: video.videoUrl
|
||||
});
|
||||
|
||||
if (isHovered) {
|
||||
// Enable preview for desktop devices after delay
|
||||
if (window.innerWidth >= 768) {
|
||||
const delay = 800;
|
||||
console.log(`Setting preview timeout for video ${video.id}`);
|
||||
hoverTimeoutRef.current = setTimeout(() => {
|
||||
console.log(`Activating preview for video ${video.id}`);
|
||||
setShowPreview(true);
|
||||
}, delay);
|
||||
}
|
||||
|
||||
@@ -20,17 +20,7 @@ export default function VideoPreviewThumbnail({ video, onClick, className = "" }
|
||||
|
||||
// Create hidden video element for thumbnail generation
|
||||
useEffect(() => {
|
||||
console.log(`Preview check for video ${video.id}:`, {
|
||||
hasVideoUrlMp4: !!video.videoUrlMp4,
|
||||
videoUrlMp4: video.videoUrlMp4,
|
||||
videoUrlIncludesMp4: video.videoUrl.includes('.mp4'),
|
||||
videoUrl: video.videoUrl
|
||||
});
|
||||
|
||||
if (!video.videoUrlMp4 && !video.videoUrl.includes('.mp4')) {
|
||||
console.log(`Preview disabled for video ${video.id} - no MP4 URL`);
|
||||
return;
|
||||
}
|
||||
if (!video.videoUrlMp4 && !video.videoUrl.includes('.mp4')) return;
|
||||
|
||||
const videoElement = videoRef.current;
|
||||
if (!videoElement) return;
|
||||
|
||||
Reference in New Issue
Block a user