From 13f48711a98f7734bb3a4840f65df70ca0a74c58 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 6 Feb 2023 01:45:56 -0800
Subject: [PATCH] Use local seekvalue to smooth out slider drag

---
 .../features/player/components/center-controls.tsx       | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx
index ba20fa72..ce378fb3 100644
--- a/src/renderer/features/player/components/center-controls.tsx
+++ b/src/renderer/features/player/components/center-controls.tsx
@@ -111,6 +111,8 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
     return () => clearInterval(interval);
   }, [currentPlayerRef, isSeeking, setCurrentTime, playerType, status]);
 
+  const [seekValue, setSeekValue] = useState(0);
+
   return (
     <>
       <ControlsContainer>
@@ -216,11 +218,16 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
             max={songDuration}
             min={0}
             size={6}
-            value={currentTime}
+            value={!isSeeking ? currentTime : seekValue}
             w="100%"
             onChange={(e) => {
+              setIsSeeking(true);
+              setSeekValue(e);
+            }}
+            onChangeEnd={(e) => {
               handleSeekSlider(e);
               setIsSeeking(false);
+              console.log('end');
             }}
           />
         </SliderWrapper>