From 71b9cace5324824527e75909c6e4230626473d36 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
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 = ({
             )}
             <Swiper
               ref={swiperRef}
-              grid={{
-                fill: 'column',
-                rows: 2,
-              }}
               modules={[Virtual]}
               slidesPerView={swiperProps?.slidesPerView || slidesPerView || 5}
               spaceBetween={20}
@@ -260,6 +269,7 @@ export const SwiperGridCarousel = ({
               onReachBeginning={handleOnReachBeginning}
               onReachEnd={handleOnReachEnd}
               onSlideChange={handleOnSlideChange}
+              onZoomChange={handleOnZoomChange}
               {...swiperProps}
             >
               {slides.map((slideContent, index) => {