diff --git a/src/components/node/NodeImageSwiperBlock/index.tsx b/src/components/node/NodeImageSwiperBlock/index.tsx index 8747742b..31dcefa4 100644 --- a/src/components/node/NodeImageSwiperBlock/index.tsx +++ b/src/components/node/NodeImageSwiperBlock/index.tsx @@ -1,6 +1,4 @@ -import React, { FC, useCallback, useState } from 'react'; - - +import React, { FC, useCallback, useEffect, useState } from 'react'; import SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper'; import { Swiper, SwiperSlide } from 'swiper/react'; @@ -52,6 +50,10 @@ const NodeImageSwiperBlock: FC = ({ node }) => { [images, controlledSwiper, showPhotoSwiper] ); + useEffect(() => { + controlledSwiper?.slideTo(0, 0); + }, [images]); + if (!images?.length) { return null; } diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 541a2b68..30bb8fe7 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -1,5 +1,7 @@ import React from 'react'; +import Head from 'next/head'; + import { PageCoverProvider } from '~/components/containers/PageCoverProvider'; import { Modal } from '~/containers/dialogs/Modal'; import { BottomContainer } from '~/containers/main/BottomContainer'; @@ -31,6 +33,13 @@ export default function MyApp({ Component, pageProps }) { + + + + diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index bb497f31..1de9eeee 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -14,10 +14,6 @@ class MyDocument extends Document { -