Move Story content outside animated view

renderContent was rendering content on top of everything, which included the progress indicators on top. Moving this above show the content beneath the progress indicator.
birdwingo · Aug 28, 2024 · d1edf8a · d1edf8a
1 parent 164cac4
commit d1edf8a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
@@ -58,6 +58,7 @@ const StoryList: FC<StoryListProps> = ( {
           imageProps={imageProps}
           videoDuration={videoDuration}
         />
+        <StoryContent stories={stories} active={isActive} activeStory={activeStory} />
         <Animated.View style={[ contentStyles, ListStyles.content ]}>
           {imageOverlayView}
           <Progress
@@ -70,7 +71,6 @@ const StoryList: FC<StoryListProps> = ( {
             progressContainerStyle={progressContainerStyle}
           />
           <StoryHeader {...props} />
-          <StoryContent stories={stories} active={isActive} activeStory={activeStory} />
         </Animated.View>
       </Animated.View>
       <StoryFooter stories={stories} active={isActive} activeStory={activeStory} />