diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index e76d497..e459b59 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -230,16 +230,15 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { e.preventDefault(); e.stopPropagation(); console.log('LEFT BUTTON CLICKED!'); - alert('LEFT BUTTON CLICKED!'); scroll('left'); }} onMouseEnter={(e) => { e.stopPropagation(); - startAutoScroll('left'); + // startAutoScroll('left'); }} onMouseLeave={(e) => { e.stopPropagation(); - stopAutoScroll(); + // stopAutoScroll(); }} className="flex absolute left-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-80 hover:!opacity-100" data-testid="button-scroll-left" @@ -253,16 +252,15 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { e.preventDefault(); e.stopPropagation(); console.log('RIGHT BUTTON CLICKED!'); - alert('RIGHT BUTTON CLICKED!'); scroll('right'); }} onMouseEnter={(e) => { e.stopPropagation(); - startAutoScroll('right'); + // startAutoScroll('right'); }} onMouseLeave={(e) => { e.stopPropagation(); - stopAutoScroll(); + // stopAutoScroll(); }} className="flex absolute right-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-80 hover:!opacity-100" data-testid="button-scroll-right" @@ -311,19 +309,14 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { {/* Continuous flowing carousel - videos flow across entire width */} -
+
{ - if (el) { - console.log(`Setting transform: translateX(${translateX}px)`); - el.style.transform = `translateX(${translateX}px)`; - } + transition: 'transform 0.3s ease', + width: 'max-content' }} > {/* Many copies for true infinite scroll */}