From 479cff5a824565bbc45d39a43bcf450bd56be2ba Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Fri, 29 Aug 2025 16:38:26 +0000 Subject: [PATCH] Improve video category scrolling functionality with console logging Update the `CategoryRow` component in `netflix-grid.tsx` to include console logging for scroll direction and translation values within the `scroll` function. Remove unnecessary console log for `CategoryRow` rendering. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/PxjbXcl --- client/src/components/netflix-grid.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 59aec91..b1a2bde 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -146,7 +146,10 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { const scroll = (direction: 'left' | 'right') => { // Only move one step when clicked (no speed change here) const step = direction === 'right' ? -videoWidth : videoWidth; - setTranslateX(prev => prev + step); + setTranslateX(prev => { + console.log(`Scroll ${direction}: ${prev} + ${step} = ${prev + step}`); + return prev + step; + }); }; const toggleSpeed = (direction: 'left' | 'right') => { @@ -214,8 +217,6 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { } }; - console.log(`CategoryRow rendering: ${category.title}, videos: ${category.videos.length}`); - return (