/
astafievk
/
source_code
Обзор
Документация
Войти
/
astafievk
/
source_code
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
App/src/components/SliderWorks/SliderWorks.tsx
44 строки
1 KB
astafievK
source code
21 июн 2024, 21:02
21 июн 2024, 21:02
37a1d03
Код
Авторство
О чём код?
import { FC, useEffect } from 'react'; import '../../flickity.css'; import Flickity from 'react-flickity-component'; import { useGetWorksImagesQuery } from '../../api/methods/imageApi.ts'; import WorkPhotoTile from '../PageWorks/WorkPhotoTile.tsx'; export const SliderWorks: FC = () => { const { data=[], refetch, isLoading } = useGetWorksImagesQuery() useEffect(() => { refetch(); },[refetch]) if (isLoading) { return <div>Loading...</div>; } return ( <Flickity className={'slider'} elementType={'div'} disableImagesLoaded={false} options={{ initialIndex: 2, wrapAround: true, autoPlay: 2000, pauseAutoPlayOnHover: true, imagesLoaded: true, pageDots: false, selectedAttraction: 0.2, friction: 0.8, groupCells: 1, setGallerySize: false, }} static > { data.map((photo, key) => ( <WorkPhotoTile key={key} idEmployee={photo.idEmployee} idImage={photo.idImage}/> )) } </Flickity> ); }