From 3cef8992b037eb395aeb7ebb009e1000983edc06 Mon Sep 17 00:00:00 2001
From: JonatanSalas <jonatan.salas@blackbox-vision.tech>
Date: Tue, 27 Oct 2020 08:18:17 -0300
Subject: [PATCH] feat: add support to show StoryDetailItem Heade and Footer in
 Overlay

---
 src/components/StoryDetailItem/index.tsx | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/StoryDetailItem/index.tsx b/src/components/StoryDetailItem/index.tsx
index 2daebf8..597d14a 100644
--- 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}