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

refactored hooks directory

Browse source
This commit is contained in:
Fedor Katurov 2022-01-02 18:17:09 +07:00
parent efa3ba902d
commit f76a5a4798
106 changed files with 122 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,12 +10,11 @@ import styles from './styles.module.scss';
import SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper';
import { useNodeImages } from '~/utils/hooks/node/useNodeImages';
import { useNodeImages } from '~/hooks/node/useNodeImages';
import SwiperClass from 'swiper/types/swiper-class';
import { modalShowPhotoswipe } from '~/redux/modal/actions';
import { useDispatch } from 'react-redux';
import { ImagePreloader } from '~/components/media/ImagePreloader';
import { normalizeBrightColor } from '~/utils/color';
import { useImageModal } from '~/hooks/navigation/useImageModal';
SwiperCore.use([Navigation, Pagination, Keyboard]);
@ -28,8 +27,8 @@ const breakpoints: SwiperOptions['breakpoints'] = {
};
const NodeImageSwiperBlock: FC<IProps> = ({ node }) => {
const dispatch = useDispatch();
const [controlledSwiper, setControlledSwiper] = useState<SwiperClass | undefined>(undefined);
const showPhotoSwiper = useImageModal();
const images = useNodeImages(node);
@ -50,9 +49,9 @@ const NodeImageSwiperBlock: FC<IProps> = ({ node }) => {
return;
}
dispatch(modalShowPhotoswipe(images, index));
showPhotoSwiper(images, index);
},
[dispatch, images, controlledSwiper]
[images, controlledSwiper, showPhotoSwiper]
);
if (!images?.length) {