diff --git a/package.json b/package.json index 77201539..1637485c 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "react-sortable-hoc": "^2.0.0", "react-sticky-box": "^0.9.3", "sass": "^1.49.0", - "swiper": "^6.8.4", + "swiper": "^8.0.7", "swr": "^1.0.1", "throttle-debounce": "^2.1.0", "typescript": "^4.0.5", diff --git a/src/components/node/NodeImageSwiperBlock/index.tsx b/src/components/node/NodeImageSwiperBlock/index.tsx index 2e097808..7e73f61f 100644 --- a/src/components/node/NodeImageSwiperBlock/index.tsx +++ b/src/components/node/NodeImageSwiperBlock/index.tsx @@ -53,10 +53,19 @@ const NodeImageSwiperBlock: FC = observer(({ node }) => { [images, controlledSwiper, showPhotoSwiper] ); + // TODO: remove it if swiper 8 fixed sliding to first slide on init + // useEffect(() => { + // controlledSwiper?.slideTo(0, 0); + // return () => controlledSwiper?.slideTo(0, 0); + // }, [images, node?.id]); + useEffect(() => { - controlledSwiper?.slideTo(0, 0); - return () => controlledSwiper?.slideTo(0, 0); - }, [images, node?.id]); + if (isModalActive) { + controlledSwiper?.keyboard.disable(); + } else { + controlledSwiper?.keyboard.enable(); + } + }, [isModalActive]); if (!images?.length) { return null; @@ -74,14 +83,6 @@ const NodeImageSwiperBlock: FC = observer(({ node }) => { ); } - useEffect(() => { - if (isModalActive) { - controlledSwiper?.keyboard.disable(); - } else { - controlledSwiper?.keyboard.enable(); - } - }, [isModalActive]); - return (