From 27f1e6906eb49771428aee9552aa34bd6390a3c6 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 14:10:40 +0000
Subject: [PATCH] Improve video modal and grid scrolling functionality

Removes debug logs from the video modal and adds console logs for grid scrolling events in NetflixGrid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
---
 client/src/components/bunny-video-modal.tsx | 4 ----
 client/src/components/netflix-grid.tsx      | 2 ++
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index e7fa984..a9bf7e8 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -54,10 +54,6 @@ function formatDate(date: Date | string): string {
 export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos = [], onVideoChange }: BunnyVideoModalProps) {
   const [showShareMenu, setShowShareMenu] = useState(false);
   
-  // Debug log
-  useEffect(() => {
-    console.log('Modal state:', { isOpen, video: video?.title || 'none' });
-  }, [isOpen, video]);
 
   // Navigation functions
   const getCurrentVideoIndex = () => {
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 813f74d..4137d49 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -139,6 +139,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
   const [clickedVideoId, setClickedVideoId] = useState<string | null>(null);
 
   const scroll = (direction: 'left' | 'right') => {
+    console.log('Scroll clicked:', direction);
     if (scrollRef.current) {
       // Viewport-based scroll amount for full-width cards
       const containerWidth = scrollRef.current.clientWidth;
@@ -149,6 +150,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
         ? currentScroll - scrollAmount 
         : currentScroll + scrollAmount;
         
+      console.log('Scrolling from', currentScroll, 'to', targetScroll);
       scrollRef.current.scrollTo({
         left: targetScroll,
         behavior: 'smooth'