From 87251a649be1ec02f1e1b163c026409bcb9f7eee Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Tue, 1 Nov 2022 03:21:44 +0100
Subject: [PATCH] refactor(Player): only display videos from same season for
 series

---
 src/routes/Player/Player.js                |  1 +
 src/routes/Player/VideosMenu/VideosMenu.js | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index fc3210399..7ad70f6c0 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -581,6 +581,7 @@ const Player = ({ urlParams, queryParams }) => {
                     <VideosMenu
                         className={classnames(styles['layer'], styles['menu-layer'])}
                         metaItem={player.metaItem !== null && player.metaItem.type === 'Ready' ? player.metaItem.content : null}
+                        seriesInfo={player.seriesInfo}
                     />
                     :
                     null
diff --git a/src/routes/Player/VideosMenu/VideosMenu.js b/src/routes/Player/VideosMenu/VideosMenu.js
index a960dee52..a3a34f168 100644
--- a/src/routes/Player/VideosMenu/VideosMenu.js
+++ b/src/routes/Player/VideosMenu/VideosMenu.js
@@ -6,14 +6,20 @@ const classnames = require('classnames');
 const Video = require('../../MetaDetails/VideosList/Video');
 const styles = require('./styles');
 
-const VideosMenu = ({ className, metaItem }) => {
+const VideosMenu = ({ className, metaItem, seriesInfo }) => {
     const onMouseDown = React.useCallback((event) => {
         event.nativeEvent.videosMenuClosePrevented = true;
     }, []);
+    const videos = React.useMemo(() => {
+        return seriesInfo && seriesInfo.season && Array.isArray(metaItem.videos) ?
+            metaItem.videos.filter(({ season }) => season === seriesInfo.season)
+            :
+            metaItem.videos;
+    }, [metaItem, seriesInfo]);
     return (
         <div className={classnames(className, styles['videos-menu-container'])} onMouseDown={onMouseDown}>
             {
-                metaItem.videos.map((video, index) => (
+                videos.map((video, index) => (
                     <Video
                         key={index}
                         id={video.id}
@@ -36,6 +42,10 @@ const VideosMenu = ({ className, metaItem }) => {
 VideosMenu.propTypes = {
     className: PropTypes.string,
     metaItem: PropTypes.object,
+    seriesInfo: PropTypes.objectOf({
+        season: PropTypes.number,
+        episode: PropTypes.number,
+    }),
 };
 
 module.exports = VideosMenu;