diff --git a/components/series/SeasonEpisodesCarousel.tsx b/components/series/SeasonEpisodesCarousel.tsx index cf763b8d..add0e83e 100644 --- a/components/series/SeasonEpisodesCarousel.tsx +++ b/components/series/SeasonEpisodesCarousel.tsx @@ -40,7 +40,7 @@ export const SeasonEpisodesCarousel: React.FC = ({ const scrollRef = useRef(null); const scrollToIndex = (index: number) => { - scrollRef.current?.scrollToIndex(index, 16); + scrollRef.current?.scrollToIndex(index, -16); }; const seasonId = useMemo(() => { @@ -87,6 +87,11 @@ export const SeasonEpisodesCarousel: React.FC = ({ } }, [episodes, item]); + const snapOffsets = useMemo(() => { + const itemWidth = 184; // w-44 (176px) + mr-2 (8px) + return episodes?.map((_, index) => index * itemWidth) || []; + }, [episodes]); + return ( = ({ )} + snapToOffsets={snapOffsets} + decelerationRate='fast' /> ); };