Update ticker and slide simultaneously (#17)

* Update ticker and slide simultaneously
oszuidwest · Oct 22, 2024 · ed75859 · ed75859
1 parent ff61a56
commit ed75859
Showing 1 changed file with 21 additions and 10 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -175,8 +175,19 @@ function App() {
             }
             return nextSlide
           })
+
+          setTickerIndex((prevIndex) => {
+            const nextIndex = (prevIndex + 1) % tickerItems.length
+            if (nextIndex === 0 && nextTickerItems.length > 0) {
+              setTickerItems(nextTickerItems)
+              setNextTickerItems([])
+              return 0
+            }
+            return nextIndex
+          })
         })
       } else {
+        // Fallback for browsers that don't support startViewTransition
         setCurrentSlide((prevSlide) => {
           const nextSlide = (prevSlide + 1) % slides.length
           if (nextSlide === 0 && nextSlides.length > 0) {
@@ -186,17 +197,17 @@ function App() {
           }
           return nextSlide
         })
-      }
 
-      setTickerIndex((prevIndex) => {
-        const nextIndex = (prevIndex + 1) % tickerItems.length
-        if (nextIndex === 0 && nextTickerItems.length > 0) {
-          setTickerItems(nextTickerItems)
-          setNextTickerItems([])
-          return 0
-        }
-        return nextIndex
-      })
+        setTickerIndex((prevIndex) => {
+          const nextIndex = (prevIndex + 1) % tickerItems.length
+          if (nextIndex === 0 && nextTickerItems.length > 0) {
+            setTickerItems(nextTickerItems)
+            setNextTickerItems([])
+            return 0
+          }
+          return nextIndex
+        })
+      }
     }, slides[currentSlide].duration)
 
     return () => clearInterval(timer)