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:
parent
5ad9407ee1
commit
fb91009414
@ -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]);
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user