sponsors animation fixed

MicrosoftStudentChapter · Oct 30, 2024 · d1c5567 · d1c5567
1 parent ead92de
commit d1c5567
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/Pages/AboutUs/components/projects.jsx b/src/Pages/AboutUs/components/projects.jsx
@@ -143,7 +143,9 @@ const Projects = (props) => {
                                         onClick={() => handleAccordionClick(index)}
                                         style={{ height: activeIndex === index ? contentHeight + 40 : 40 }}
                                     >
-                                        <p ref={el => (paraRef.current[index] = el)}>
+                                        <p ref={el => (paraRef.current[index] = el)}
+                                             className={clickedIndex === index ? style.whiteText : style.grayText}
+                                            >
                                             {title[index]}
                                         </p>
                                         <div

diff --git a/src/Pages/Sponsors/Carousel.jsx b/src/Pages/Sponsors/Carousel.jsx
@@ -20,11 +20,14 @@ export default function Carroussel(props) {
   }, [props.offset, props.showArrows, props.autoPlay]);
 
   useEffect(() => {
-    setInterval(1000, () => {
-      console.log("Running", goToSlide);
-      setGoToSlide(goToSlide + (1 % 3));
-    });
-  }, []);
+    if (autoPlay) {
+      const intervalId = setInterval(() => {
+        setGoToSlide((prevSlide) => (prevSlide + 1) % cards.length);
+      }, props.interval * 1000); 
+
+      return () => clearInterval(intervalId); 
+    }
+  }, [autoPlay, cards.length, props.interval]);
 
   return (
     <div
@@ -36,8 +39,6 @@ export default function Carroussel(props) {
         offsetRadius={offsetRadius}
         showNavigation={showArrows}
         animationConfig={config.gentle}
-        autoPlay={true}
-        interval={2}
       />
     </div>
   );