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

Add undefined check

Browse source
This commit is contained in:
jeffvli 2023-06-03 05:45:49 -07:00
parent c8a0df4759
commit 8eb0029bb8
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -173,13 +173,13 @@ export const SwiperGridCarousel = ({
const handleNext = useCallback(() => { const handleNext = useCallback(() => {
const activeIndex = swiperRef?.current?.activeIndex || 0; const activeIndex = swiperRef?.current?.activeIndex || 0;
const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 5)); const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
swiperRef?.current?.slideTo(activeIndex + slidesPerView); swiperRef?.current?.slideTo(activeIndex + slidesPerView);
}, [swiperProps?.slidesPerView]); }, [swiperProps?.slidesPerView]);
const handlePrev = useCallback(() => { const handlePrev = useCallback(() => {
const activeIndex = swiperRef?.current?.activeIndex || 0; const activeIndex = swiperRef?.current?.activeIndex || 0;
const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 5)); const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
swiperRef?.current?.slideTo(activeIndex - slidesPerView); swiperRef?.current?.slideTo(activeIndex - slidesPerView);
}, [swiperProps?.slidesPerView]); }, [swiperProps?.slidesPerView]);
@ -188,8 +188,8 @@ export const SwiperGridCarousel = ({
if (isEnd || isBeginning) return; if (isEnd || isBeginning) return;
setPagination({ setPagination({
hasNextPage: (params?.slidesPerView || 3) < slides.length, hasNextPage: (params?.slidesPerView || 4) < slides.length,
hasPreviousPage: (params?.slidesPerView || 3) < slides.length, hasPreviousPage: (params?.slidesPerView || 4) < slides.length,
}); });
}, []); }, []);
@ -198,8 +198,8 @@ export const SwiperGridCarousel = ({
if (isEnd || isBeginning) return; if (isEnd || isBeginning) return;
setPagination({ setPagination({
hasNextPage: (params.slidesPerView || 3) < slides.length, hasNextPage: (params.slidesPerView || 4) < slides.length,
hasPreviousPage: (params.slidesPerView || 3) < slides.length, hasPreviousPage: (params.slidesPerView || 4) < slides.length,
}); });
}, []); }, []);
@ -208,7 +208,7 @@ export const SwiperGridCarousel = ({
setPagination({ setPagination({
hasNextPage: false, hasNextPage: false,
hasPreviousPage: (params.slidesPerView || 3) < slides.length, hasPreviousPage: (params.slidesPerView || 4) < slides.length,
}); });
}, []); }, []);
@ -216,14 +216,16 @@ export const SwiperGridCarousel = ({
const { slides, params } = e; const { slides, params } = e;
setPagination({ setPagination({
hasNextPage: (params.slidesPerView || 3) < slides.length, hasNextPage: (params.slidesPerView || 4) < slides.length,
hasPreviousPage: false, hasPreviousPage: false,
}); });
}, []); }, []);
const handleOnResize = useCallback((e: SwiperCore) => { const handleOnResize = useCallback((e: SwiperCore) => {
if (!e) return;
const { width } = e; const { width } = e;
const slidesPerView = getSlidesPerView(width); const slidesPerView = getSlidesPerView(width);
if (!e.params) return;
e.params.slidesPerView = slidesPerView; e.params.slidesPerView = slidesPerView;
}, []); }, []);