diff --git a/src/components/Carousel.tsx b/src/components/Carousel.tsx index 4e81856..26e7842 100644 --- a/src/components/Carousel.tsx +++ b/src/components/Carousel.tsx @@ -47,6 +47,17 @@ const Carousel = ({ pictures }: { pictures: Picture[] }) => { } } + useEffect(() => { + const int = setInterval(() => { + if (currentIndex < pictures.length - 1) { + setCurrentIndex((prevState) => prevState + 1); + } else { + setCurrentIndex(0); + } + }, 7500); + return () => clearInterval(int); + }, []); + return (