fix: progress bar animation bug

birdwingo · Nov 14, 2023 · fa1b936 · fa1b936
1 parent b4eee48
commit fa1b936
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx
@@ -35,7 +35,11 @@ const StoryImage: FC<StoryImageProps> = ( {
 
     if ( data.uri === story.sourceUrl ) {
 
-      onLoad( videoDuration.value );
+      if ( !loading.value ) {
+
+        onLoad( videoDuration.value );
+
+      }
 
     } else {
 
@@ -69,7 +73,12 @@ const StoryImage: FC<StoryImageProps> = ( {
     }
 
     loading.value = false;
-    onLoad( duration );
+
+    if ( isActive.value ) {
+
+      onLoad( duration );
+
+    }
 
   };
 

diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
@@ -29,12 +29,6 @@ const StoryList: FC<StoryListProps> = ( {
 
   };
 
-  const onImageLoad = ( duration?: number ) => {
-
-    onLoad( duration );
-
-  };
-
   const lastSeenIndex = stories.findIndex(
     ( item ) => item.id === seenStories.value[id],
   );
@@ -48,7 +42,7 @@ const StoryList: FC<StoryListProps> = ( {
           defaultImage={stories[lastSeenIndex + 1]?.sourceUrl ?? stories[0]?.sourceUrl}
           isDefaultVideo={( stories[lastSeenIndex + 1]?.mediaType ?? stories[0]?.mediaType ) === 'video'}
           onImageLayout={onImageLayout}
-          onLoad={onImageLoad}
+          onLoad={onLoad}
           paused={paused}
           isActive={isActive}
           videoProps={videoProps}

diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
@@ -229,7 +229,7 @@ const StoryModal = forwardRef<StoryModalPublicMethods, StoryModalProps>( ( {
         } else {
 
           y.value = withTiming( 0 );
-          startAnimation();
+          startAnimation( true );
 
         }