collections_carousel.js 929 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import { useSelector } from 'react-redux';
  2. import Carousel from 'react-material-ui-carousel'
  3. import { Comments } from '../post';
  4. export default function ModalCarousel() {
  5. // отслеживаем изменения в карусели
  6. const collection = useSelector(state => state?.collection?.FindCollectionOne?.payload)
  7. console.log('collection: ', collection)
  8. return (
  9. <Carousel
  10. autoPlay={false}
  11. cycleNavigation={false}
  12. animation={"slide"}
  13. indicatorContainerProps={{
  14. style: {
  15. marginTop: '-50px',
  16. zIndex: 999,
  17. position: 'inherit'
  18. }
  19. }}
  20. className='myCarousel'
  21. sx={{
  22. width: '100%',
  23. height: '100%'
  24. }}
  25. >
  26. тут будет поста
  27. </Carousel>
  28. )
  29. }