fix: reduce interval to set highlight

cdrani · Oct 18, 2023 · 1a32bd4 · 1a32bd4
1 parent 1c4f410
commit 1a32bd4
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/utils/higlight.js b/src/utils/higlight.js
@@ -12,12 +12,14 @@ export const highlightElement = ({
     context = document,
     property = 'stroke', 
 }) => {
-    setTimeout(() => {
-        const element = context.querySelector(selector)
-        const fillColor = isHighlightable(songStateData) ? '#1ed760' : 'currentColor'
+    let element
+    const timer = setInterval(() => {
+        if (element) { clearInterval(timer); return }
 
+        element = context.querySelector(selector)
         if (!element) return
 
+        const fillColor = isHighlightable(songStateData) ? '#1ed760' : 'currentColor'
         element.style[property] = fillColor
-    }, 1000)
+    }, 250)
 }