Improve video navigation button styling and remove console logs
Remove console logs from video navigation functions and update button class names for improved styling. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
This commit is contained in:
parent
3eff6352c4
commit
bad85bbe55
@ -85,17 +85,8 @@ export default function VideoPage() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const navigateToVideo = (direction: 'next' | 'prev') => {
|
const navigateToVideo = (direction: 'next' | 'prev') => {
|
||||||
console.log('Navigate clicked:', direction);
|
|
||||||
console.log('All videos length:', allVideos.length);
|
|
||||||
console.log('Current video:', currentVideo?.title);
|
|
||||||
|
|
||||||
const currentIndex = getCurrentVideoIndex();
|
const currentIndex = getCurrentVideoIndex();
|
||||||
console.log('Current index:', currentIndex);
|
if (currentIndex === -1) return;
|
||||||
|
|
||||||
if (currentIndex === -1) {
|
|
||||||
console.log('Video not found in list');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let newIndex;
|
let newIndex;
|
||||||
if (direction === 'next') {
|
if (direction === 'next') {
|
||||||
@ -105,8 +96,6 @@ export default function VideoPage() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const newVideo = allVideos[newIndex];
|
const newVideo = allVideos[newIndex];
|
||||||
console.log('New video:', newVideo?.title);
|
|
||||||
|
|
||||||
if (newVideo) {
|
if (newVideo) {
|
||||||
setLocation(`/video/${newVideo.id}`);
|
setLocation(`/video/${newVideo.id}`);
|
||||||
}
|
}
|
||||||
@ -429,7 +418,6 @@ export default function VideoPage() {
|
|||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
console.log('Prev button clicked');
|
|
||||||
navigateToVideo('prev');
|
navigateToVideo('prev');
|
||||||
}}
|
}}
|
||||||
className="absolute left-2 top-1/2 transform -translate-y-1/2 bg-black/90 hover:bg-black text-white border-none p-4 rounded-full shadow-xl flex items-center justify-center"
|
className="absolute left-2 top-1/2 transform -translate-y-1/2 bg-black/90 hover:bg-black text-white border-none p-4 rounded-full shadow-xl flex items-center justify-center"
|
||||||
@ -443,7 +431,6 @@ export default function VideoPage() {
|
|||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
console.log('Next button clicked');
|
|
||||||
navigateToVideo('next');
|
navigateToVideo('next');
|
||||||
}}
|
}}
|
||||||
className="absolute right-2 top-1/2 transform -translate-y-1/2 bg-black/90 hover:bg-black text-white border-none p-4 rounded-full shadow-xl flex items-center justify-center"
|
className="absolute right-2 top-1/2 transform -translate-y-1/2 bg-black/90 hover:bg-black text-white border-none p-4 rounded-full shadow-xl flex items-center justify-center"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user