Adjust video display to start at the beginning of the row

Reset translateX to 0 in the useEffect hook for CategoryRow to ensure the first video is displayed on the left side of the visible area.

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:38:28 +00:00
parent 5ad9407ee1
commit fb91009414

View File

@ -177,8 +177,8 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
// Initialize with first video on the left side
useEffect(() => {
if (category.videos.length > 0) {
// Position so first video appears on the left side of visible area
setTranslateX(-category.videos.length * videoWidth);
// Start at beginning to show video 1 on the left
setTranslateX(0);
}
}, [category.videos.length]);