Fix the problem where the buffered time display on the wave preview i…

…s not updated correctly.
digital-sound-antiques · Dec 16, 2023 · feb20bb · feb20bb
1 parent 49d898a
commit feb20bb
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "m3disp",
   "private": true,
-  "version": "0.11.0",
+  "version": "0.11.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/contexts/PlayerContext.tsx b/src/contexts/PlayerContext.tsx
@@ -129,7 +129,7 @@ async function applyPlayStateChange(
         return play(state.currentEntry);
       }
     } else {
-      console.warn('Missing current entry.');
+      console.warn("Missing current entry.");
       return;
     }
   }
@@ -247,5 +247,3 @@ export function PlayerContextProvider(props: React.PropsWithChildren) {
     </PlayerContext.Provider>
   );
 }
-
-
diff --git a/src/widgets/WavePreview.tsx b/src/widgets/WavePreview.tsx
@@ -225,14 +225,14 @@ export function WaveSlider() {
   const [progress, setProgress] = useState({ currentTime: 0, bufferedTime: 0 });
 
   useEffect(() => {
-    const timerId = setTimeout(() => {
+    const timerId = setInterval(() => {
       const progress = context.player.progress.renderer;
       setProgress(progress);
     }, 100);
     return () => {
       clearTimeout(timerId);
     };
-  });
+  }, []);
 
   return (
     <Box sx={{ display: "flex", flexDirection: "column", padding: 2 }}>