From 71b9cace5324824527e75909c6e4230626473d36 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Wed, 17 May 2023 17:47:05 -0700 Subject: [PATCH] Add callback for swiper zoom change --- .../components/grid-carousel/index.tsx | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx index 61c9d25c..4d436dcf 100644 --- a/src/renderer/components/grid-carousel/index.tsx +++ b/src/renderer/components/grid-carousel/index.tsx @@ -196,6 +196,19 @@ export const SwiperGridCarousel = ({ [slidesPerView], ); + const handleOnZoomChange = useCallback( + (e: SwiperCore) => { + const { slides, isEnd, isBeginning } = e; + if (isEnd || isBeginning) return; + + setPagination({ + hasNextPage: slidesPerView < slides.length, + hasPreviousPage: slidesPerView < slides.length, + }); + }, + [slidesPerView], + ); + const handleOnReachEnd = useCallback( (e: SwiperCore) => { const { slides } = e; @@ -246,10 +259,6 @@ export const SwiperGridCarousel = ({ )} {slides.map((slideContent, index) => {