pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Handle initial render item count for carousel

Browse source
This commit is contained in:
jeffvli 2023-06-02 01:21:52 -07:00
parent cd66a9dccb
commit d312c3c70a
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/renderer/components/grid-carousel/index.tsx
View file

@ -221,11 +221,13 @@ export const SwiperGridCarousel = ({
});
}, []);
const handleOnResize = throttle((e: SwiperCore) => {
const handleOnResize = useCallback((e: SwiperCore) => {
const { width } = e;
const slidesPerView = getSlidesPerView(width);
e.params.slidesPerView = slidesPerView;
}, 200);
}, []);
const throttledOnResize = throttle(handleOnResize, 200);
return (
<CarouselContainer
@ -250,9 +252,10 @@ export const SwiperGridCarousel = ({
onBeforeInit={(swiper) => {
swiperRef.current = swiper;
}}
onBeforeResize={handleOnResize}
onReachBeginning={handleOnReachBeginning}
onReachEnd={handleOnReachEnd}
onResize={handleOnResize}
onResize={throttledOnResize}
onSlideChange={handleOnSlideChange}
onZoomChange={handleOnZoomChange}
{...swiperProps}