From 8eb0029bb866811571c9d3146a2e61c1e6d29f17 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 3 Jun 2023 05:45:49 -0700
Subject: [PATCH] Add undefined check

---
 .../components/grid-carousel/index.tsx         | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx
index 401b8484..aac71bf5 100644
--- a/src/renderer/components/grid-carousel/index.tsx
+++ b/src/renderer/components/grid-carousel/index.tsx
@@ -173,13 +173,13 @@ export const SwiperGridCarousel = ({
 
   const handleNext = useCallback(() => {
     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);
   }, [swiperProps?.slidesPerView]);
 
   const handlePrev = useCallback(() => {
     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);
   }, [swiperProps?.slidesPerView]);
 
@@ -188,8 +188,8 @@ export const SwiperGridCarousel = ({
     if (isEnd || isBeginning) return;
 
     setPagination({
-      hasNextPage: (params?.slidesPerView || 3) < slides.length,
-      hasPreviousPage: (params?.slidesPerView || 3) < slides.length,
+      hasNextPage: (params?.slidesPerView || 4) < slides.length,
+      hasPreviousPage: (params?.slidesPerView || 4) < slides.length,
     });
   }, []);
 
@@ -198,8 +198,8 @@ export const SwiperGridCarousel = ({
     if (isEnd || isBeginning) return;
 
     setPagination({
-      hasNextPage: (params.slidesPerView || 3) < slides.length,
-      hasPreviousPage: (params.slidesPerView || 3) < slides.length,
+      hasNextPage: (params.slidesPerView || 4) < slides.length,
+      hasPreviousPage: (params.slidesPerView || 4) < slides.length,
     });
   }, []);
 
@@ -208,7 +208,7 @@ export const SwiperGridCarousel = ({
 
     setPagination({
       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;
 
     setPagination({
-      hasNextPage: (params.slidesPerView || 3) < slides.length,
+      hasNextPage: (params.slidesPerView || 4) < slides.length,
       hasPreviousPage: false,
     });
   }, []);
 
   const handleOnResize = useCallback((e: SwiperCore) => {
+    if (!e) return;
     const { width } = e;
     const slidesPerView = getSlidesPerView(width);
+    if (!e.params) return;
     e.params.slidesPerView = slidesPerView;
   }, []);