fix: progress reset issue fixed

Author: techbyvj

src/components/Slider.tsx

@@ -6,9 +6,8 @@ import { sliderStyles } from './styles';
 interface SliderProps {
   style?: ViewStyle;
   duration: number;
-  thumbs: number[];
+  thumbs: [number, number];
   playbackTime: number;
-  playbackDuration: number;
   tintColor?: string;
   onSlidingComplete: (segment: number[], value: number) => void;
 }
@@ -18,7 +17,6 @@ function Slider({
   duration,
   thumbs,
   playbackTime,
-  playbackDuration,
   onSlidingComplete,
   tintColor,
 }: SliderProps) {
@@ -37,7 +35,7 @@ function Slider({
         ])}
         minimumTrackTintColor={tintColor}
         renderMinimumTrackComponent={() => (
-          <ProgressBar value={playbackTime / playbackDuration} />
+          <ProgressBar value={playbackTime / thumbs[1]} />
         )}
         onSlidingComplete={onSlidingComplete}
         renderThumbComponent={() => (

src/components/VideoTrimmer.tsx

@@ -32,7 +32,6 @@ function VideoTrimmer(props: VideoTrimmerProps, ref: Ref<unknown>) {
     onSelected,
   } = props;
   const [playbackTime, setPlaybackTime] = useState<number>(0);
-  const [playableDuration, setPlayableDuration] = useState<number>(0);
   const [duration, setDuration] = useState<number>(0);
   const [thumbs, setThumbs] = useState<[number, number]>([0, 0]);
   const videoRef = React.useRef<VideoRef | null>(null);
@@ -80,15 +79,11 @@ function VideoTrimmer(props: VideoTrimmerProps, ref: Ref<unknown>) {
     seek(thumbs[0]);
   };
 
-  const onProgress = ({
-    currentTime,
-    playableDuration: playableDurationTemp,
-  }: OnProgressData) => {
+  const onProgress = ({ currentTime }: OnProgressData) => {
     if (currentTime > thumbs[1]) {
       seek(thumbs[0]);
     }
     setPlaybackTime(currentTime);
-    setPlayableDuration(playableDurationTemp);
   };
 
   return (
@@ -109,7 +104,6 @@ function VideoTrimmer(props: VideoTrimmerProps, ref: Ref<unknown>) {
             thumbs={thumbs}
             duration={duration}
             playbackTime={playbackTime}
-            playbackDuration={playableDuration}
             onSlidingComplete={onSlidingComplete}
             tintColor={tintColor}
           />