alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-01-15 23:59:08 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix: season episode scroll list snapping and scrolling

Browse Source
This commit is contained in:
Fredrik Burmester
2025-11-16 14:36:31 +01:00
parent 97fe899cb0
commit 991b45de06
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/series/SeasonEpisodesCarousel.tsx
View File

@@ -40,7 +40,7 @@ export const SeasonEpisodesCarousel: React.FC<Props> = ({
const scrollRef = useRef<HorizontalScrollRef>(null); const scrollRef = useRef<HorizontalScrollRef>(null);
const scrollToIndex = (index: number) => { const scrollToIndex = (index: number) => {
scrollRef.current?.scrollToIndex(index, 16); scrollRef.current?.scrollToIndex(index, -16);
}; };
const seasonId = useMemo(() => { const seasonId = useMemo(() => {
@@ -87,6 +87,11 @@ export const SeasonEpisodesCarousel: React.FC<Props> = ({
} }
}, [episodes, item]); }, [episodes, item]);
const snapOffsets = useMemo(() => {
const itemWidth = 184; // w-44 (176px) + mr-2 (8px)
return episodes?.map((_, index) => index * itemWidth) || [];
}, [episodes]);
return ( return (
<HorizontalScroll <HorizontalScroll
ref={scrollRef} ref={scrollRef}
@@ -109,6 +114,8 @@ export const SeasonEpisodesCarousel: React.FC<Props> = ({
<ItemCardText item={_item} /> <ItemCardText item={_item} />
</TouchableOpacity> </TouchableOpacity>
)} )}
snapToOffsets={snapOffsets}
decelerationRate='fast'
/> />
); );
}; };