From f7ed8ea6db90d3d34489cd1b26932437b9434fb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 26 Jan 2022 23:26:53 +0400
Subject: [PATCH] Fix duration slider

---
 components/teks/lekte.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/teks/lekte.js b/components/teks/lekte.js
index 8c0c9c2..6506d3a 100644
--- a/components/teks/lekte.js
+++ b/components/teks/lekte.js
@@ -116,10 +116,10 @@ export default function Lekte({audio, url, teks}) {
 
   useEffect(() => {
     audioRef.current.pause()
-    setPosition(0)
     audioRef.current = new Audio(audio)
     setIsPlaying(false)
     setVolume(100)
+    setPosition(0)
   }, [audio])
 
   const handleChangePosition = value => {
@@ -161,11 +161,11 @@ export default function Lekte({audio, url, teks}) {
         <Slider
           aria-label='time-indicator'
           size='small'
-          defaultValue={0}
-          value={position}
+          defaultValue={position}
+          value={position || 0}
           min={0}
           step={1}
-          max={duration}
+          max={duration || 100}
           sx={{
             color: theme.palette.mode === 'dark' ? '#fff' : 'rgba(0,0,0,0.87)',
             height: 4,