From 67e4ed3e1624bcffc66593952527d973d6c1bc68 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Wed, 19 Jan 2022 14:22:47 +0700 Subject: [PATCH] (nextjs) fixed image slider initial position --- src/components/node/NodeImageSwiperBlock/index.tsx | 8 +++++--- src/pages/_app.tsx | 9 +++++++++ src/pages/_document.tsx | 4 ---- 3 files changed, 14 insertions(+), 7 deletions(-) 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 { -