fix: make StoryDetailItem Header & Footer render only if current story

BlackBoxVision · Nov 2, 2020 · 4d0e9c7 · 4d0e9c7
1 parent abfab39
commit 4d0e9c7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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 (
     <>