Fix some issues with stories

src/components/Content/index.tsx

@@ -31,7 +31,7 @@ const StoryContent: FC<StoryContentProps> = ( { stories, active, activeStory } )
 
   const content = useMemo( () => stories[storyIndex]?.renderContent?.(), [ storyIndex ] );
 
-  return content ? <View style={ContentStyles.container}>{content}</View> : null;
+  return content ? <View style={ContentStyles.container} pointerEvents="box-none">{content}</View> : null;
 
 };
 

src/components/Image/index.tsx

@@ -8,7 +8,7 @@ import ImageStyles from './Image.styles';
 import StoryVideo from './video';
 
 const StoryImage: FC<StoryImageProps> = ( {
-  stories, active, activeStory, defaultImage, isDefaultVideo, paused, videoProps,
+  stories, activeStory, defaultImage, isDefaultVideo, paused, videoProps,
   onImageLayout, onLoad,
 } ) => {
 
@@ -21,12 +21,6 @@ const StoryImage: FC<StoryImageProps> = ( {
 
   const onImageChange = async () => {
 
-    if ( !active.value ) {
-
-      return;
-
-    }
-
     const story = stories.find( ( item ) => item.id === activeStory.value )!;
 
     if ( !story ) {
@@ -42,13 +36,13 @@ const StoryImage: FC<StoryImageProps> = ( {
     } else {
 
       loading.value = true;
-      setData( { uri: story?.sourceUrl, isVideo: story?.mediaType === 'video' } );
+      setData( { uri: story.sourceUrl, isVideo: story.mediaType === 'video' } );
 
     }
 
     const nextStory = stories[stories.indexOf( story ) + 1];
 
-    if ( nextStory ) {
+    if ( nextStory && nextStory.mediaType === 'image' ) {
 
       Image.prefetch( nextStory.sourceUrl );
 

src/components/InstagramStories/index.tsx

@@ -76,7 +76,7 @@ const InstagramStories = forwardRef<InstagramStoriesPublicMethods, InstagramStor
       );
       const seenStory = story.stories[seenStoryIndex + 1] || story.stories[0];
 
-      return Image.prefetch( seenStory.sourceUrl );
+      return seenStory.mediaType === 'image' ? Image.prefetch( seenStory.sourceUrl ) : true;
 
     } );
 

src/components/List/index.tsx

@@ -48,7 +48,6 @@ const StoryList: FC<StoryListProps> = ( {
       <Animated.View style={[ animatedStyles, ListStyles.container ]}>
         <StoryImage
           stories={stories}
-          active={isActive}
           activeStory={activeStory}
           defaultImage={stories[lastSeenIndex + 1]?.sourceUrl ?? stories[0].sourceUrl}
           isDefaultVideo={( stories[lastSeenIndex + 1]?.mediaType ?? stories[0].mediaType ) === 'video'}

src/core/dto/componentsDTO.ts

@@ -58,7 +58,6 @@ export interface AnimationProps {
 
 export interface StoryImageProps {
   stories: InstagramStoryProps['stories'];
-  active: SharedValue<boolean>;
   activeStory: SharedValue<string>;
   defaultImage: string;
   isDefaultVideo: boolean;