feat: add support to show StoryDetailItem Heade and Footer in Overlay

BlackBoxVision · Oct 27, 2020 · 3cef899 · 3cef899
1 parent 3e424dc
commit 3cef899
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/src/components/StoryDetailItem/index.tsx b/src/components/StoryDetailItem/index.tsx
@@ -103,11 +103,25 @@ export const StoryDetailItem: React.FC<StoryDetailItemProps> = ({
         isVisible={visible && isCurrentStory}
         overlayStyle={styles.overlayContainer}
       >
-        <ActivityIndicator
-          animating
-          color="#FFFFFF"
-          style={styles.overlayIndicator}
-        />
+        <>
+          <StoryDetailItemHeader
+            story={story}
+            muted={muted}
+            goBack={() => onBackPress()}
+            mute={() => setMuted(!muted)}
+          />
+          <ActivityIndicator
+            animating
+            color="#FFFFFF"
+            style={styles.overlayIndicator}
+          />
+          <StoryDetailItemFooter
+            story={story}
+            videoProgress={progress}
+            videoDuration={duration}
+            goBack={() => onBackPress()}
+          />
+        </>
       </Overlay>
       <StoryDetailItemHeader
         story={story}