muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

(nextjs) fixed image slider initial position

Browse source
This commit is contained in:
Fedor Katurov 2022-01-19 14:22:47 +07:00
parent 0838bf7ee6
commit 67e4ed3e16
3 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/node/NodeImageSwiperBlock/index.tsx
View file

@ -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 SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/react'; import { Swiper, SwiperSlide } from 'swiper/react';
@ -52,6 +50,10 @@ const NodeImageSwiperBlock: FC<IProps> = ({ node }) => {
[images, controlledSwiper, showPhotoSwiper] [images, controlledSwiper, showPhotoSwiper]
); );
useEffect(() => {
controlledSwiper?.slideTo(0, 0);
}, [images]);
if (!images?.length) { if (!images?.length) {
return null; return null;
} }

9
src/pages/_app.tsx
View file

@ -1,5 +1,7 @@
import React from 'react'; import React from 'react';
import Head from 'next/head';
import { PageCoverProvider } from '~/components/containers/PageCoverProvider'; import { PageCoverProvider } from '~/components/containers/PageCoverProvider';
import { Modal } from '~/containers/dialogs/Modal'; import { Modal } from '~/containers/dialogs/Modal';
import { BottomContainer } from '~/containers/main/BottomContainer'; import { BottomContainer } from '~/containers/main/BottomContainer';
@ -31,6 +33,13 @@ export default function MyApp({ Component, pageProps }) {
<AudioPlayerProvider> <AudioPlayerProvider>
<MetadataProvider> <MetadataProvider>
<AuthProvider> <AuthProvider>
<Head>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=0"
/>
</Head>
<MainLayout> <MainLayout>
<ToastProvider /> <ToastProvider />
<Modal /> <Modal />

4
src/pages/_document.tsx
View file

@ -14,10 +14,6 @@ class MyDocument extends Document {
<meta httpEquiv="content-language" content="ru" /> <meta httpEquiv="content-language" content="ru" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" /> <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta name="theme-color" content="#222222" /> <meta name="theme-color" content="#222222" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=0"
/>
<link <link
href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap&subset=cyrillic" href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap&subset=cyrillic"