From 3b752c93ad00bfa92f16ff02a4f96cd65cdc6c13 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 16:32:49 +0000
Subject: [PATCH] Improve scrolling behavior by adjusting speed and removing
 complex wrap-around logic

Refactor `CategoryRow` component in `netflix-grid.tsx` to simplify scrolling calculations by directly returning `prev + speed` and removing the previous complex infinite scroll logic.

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/oSbWwS4
---
 client/src/components/netflix-grid.tsx | 28 ++------------------------
 1 file changed, 2 insertions(+), 26 deletions(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index d45ee18..8abd7ae 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -167,19 +167,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
           // Use the NEW speed that was just set
           const currentSpeed = newSpeed === 'fast' ? 3.5 : 2.0;
           const speed = direction === 'right' ? -currentSpeed : currentSpeed;
-          const newX = prev + speed;
-          const totalWidth = category.videos.length * videoWidth;
-          
-          // TRUE INFINITE SCROLL - wrap around seamlessly
-          if (direction === 'right' && newX <= -totalWidth) {
-            // When moved one full cycle to the right, wrap back to start
-            return newX + totalWidth;
-          } else if (direction === 'left' && newX >= totalWidth) {
-            // When moved one full cycle to the left, wrap back to end
-            return newX - totalWidth;
-          }
-          
-          return newX;
+          return prev + speed;
         });
       }, interval);
     }
@@ -199,19 +187,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
         // Faster speed for better movement
         const baseSpeed = 2.0; // Faster speed on hover
         const speed = direction === 'right' ? -baseSpeed : baseSpeed;
-        const newX = prev + speed;
-        const totalWidth = category.videos.length * videoWidth;
-        
-        // TRUE INFINITE SCROLL - wrap around seamlessly
-        if (direction === 'right' && newX <= -totalWidth) {
-          // When moved one full cycle to the right, wrap back to start
-          return newX + totalWidth;
-        } else if (direction === 'left' && newX >= totalWidth) {
-          // When moved one full cycle to the left, wrap back to end
-          return newX - totalWidth;
-        }
-        
-        return newX;
+        return prev + speed;
       });
     }, 16); // Fixed interval - speed controlled by pixel movement only
   };