sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Start video grid with the first item visible on the left

Browse Source 
Resets translateX to 0 in CategoryRow component's useEffect to display the first video on initial load, aligning with user expectation of seeing the first item.

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/QCN70f2
This commit is contained in:
sebastjanartic 2025-08-29 16:10:56 +00:00
parent bca3589142
commit 8957c4079c
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/netflix-grid.tsx
View File

@ -215,9 +215,8 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
// Initialize with first video on the left side // Initialize with first video on the left side
useEffect(() => { useEffect(() => {
if (category.videos.length > 0) { if (category.videos.length > 0) {
// Start at middle position for seamless loop // Start with video 1 visible on the left side
const totalWidth = category.videos.length * videoWidth; setTranslateX(0);
setTranslateX(-totalWidth / 2);
} }
}, [category.videos.length]); }, [category.videos.length]);