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:
sebastjanartic
2025-09-02 15:30:43 +00:00
parent fc47ca4cd6
commit c39d821989
4 changed files with 5 additions and 24 deletions
-9
View File
@@ -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;