From d1edf8a2702e8f4a17aa2dddff6972e02e600d6b Mon Sep 17 00:00:00 2001
From: ksmangat <119430588+ksmangat@users.noreply.github.com>
Date: Wed, 28 Aug 2024 16:38:59 +0100
Subject: [PATCH 1/2] 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.
---
 src/components/List/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
index 98ceda0..323cfcd 100644
--- 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} />

From 4a9358d940d74fb112808c4abc2074a0340a4ad1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Fridmansk=C3=BD?=
 <luky.fridmansky@gmail.com>
Date: Fri, 30 Aug 2024 09:31:26 +0200
Subject: [PATCH 2/2] fix: moved story content to animated view

---
 src/components/List/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
index 323cfcd..0422561 100644
--- a/src/components/List/index.tsx
+++ b/src/components/List/index.tsx
@@ -58,8 +58,8 @@ const StoryList: FC<StoryListProps> = ( {
           imageProps={imageProps}
           videoDuration={videoDuration}
         />
-        <StoryContent stories={stories} active={isActive} activeStory={activeStory} />
         <Animated.View style={[ contentStyles, ListStyles.content ]}>
+          <StoryContent stories={stories} active={isActive} activeStory={activeStory} />
           {imageOverlayView}
           <Progress
             active={isActive}