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

Set the first video to display on the right side of the screen

Browse Source 
Adjust `CategoryRow` initialization in `netflix-grid.tsx` to position the first video on the right side of the visible area by calculating an offset based on the number of videos and video width.

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 15:37:11 +00:00
parent 484bbaac35
commit 3041bdecc3
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -174,10 +174,12 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
}, 12); // Update every 12ms for buttery smooth flow }, 12); // Update every 12ms for buttery smooth flow
}; };
// Initialize in middle section for infinite scroll // Initialize with first video on the right side
useEffect(() => { useEffect(() => {
if (category.videos.length > 0) { if (category.videos.length > 0) {
setTranslateX(-category.videos.length * videoWidth); // Start in middle section // Position so first video appears on the right side of visible area
const rightPosition = -(category.videos.length * videoWidth) + (videoWidth * 4);
setTranslateX(rightPosition);
} }
}, [category.videos.length]); }, [category.videos.length]);