From 4d0e9c7b207ae296877253a8e54456dbf478c62f Mon Sep 17 00:00:00 2001
From: JonatanSalas <jonatan.salas@blackbox-vision.tech>
Date: Mon, 2 Nov 2020 18:50:49 -0300
Subject: [PATCH] fix: make StoryDetailItem Header & Footer render only if
 current story

---
 src/components/StoryDetailItem/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/StoryDetailItem/index.tsx b/src/components/StoryDetailItem/index.tsx
index 50eeeac..e4d780c 100644
--- a/src/components/StoryDetailItem/index.tsx
+++ b/src/components/StoryDetailItem/index.tsx
@@ -52,8 +52,8 @@ export const StoryDetailItem: React.FC<StoryDetailItemProps> = ({
     videoDuration: duration,
   };
 
-  const header = <StoryDetailItemHeader {...commonProps} />;
-  const footer = <StoryDetailItemFooter {...commonProps} />;
+  const header = isCurrentStory && <StoryDetailItemHeader {...commonProps} />;
+  const footer = isCurrentStory && <StoryDetailItemFooter {...commonProps} />;
 
   return (
     <>