From f32173797b0d997b70bb9b7ea883191dd2f8e901 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 14 Nov 2019 13:10:18 +0200
Subject: [PATCH] VideoPlaceholder moved inside video

---
 src/routes/Detail/VideosList/Video/Video.js           |  5 ++++-
 .../{ => Video}/VideoPlaceholder/VideoPlaceholder.js  |  0
 .../VideosList/{ => Video}/VideoPlaceholder/index.js  |  0
 .../{ => Video}/VideoPlaceholder/styles.less          |  0
 src/routes/Detail/VideosList/VideosList.js            | 11 +++++------
 5 files changed, 9 insertions(+), 7 deletions(-)
 rename src/routes/Detail/VideosList/{ => Video}/VideoPlaceholder/VideoPlaceholder.js (100%)
 rename src/routes/Detail/VideosList/{ => Video}/VideoPlaceholder/index.js (100%)
 rename src/routes/Detail/VideosList/{ => Video}/VideoPlaceholder/styles.less (100%)

diff --git a/src/routes/Detail/VideosList/Video/Video.js b/src/routes/Detail/VideosList/Video/Video.js
index d9ca1fbee..2bcd22f27 100644
--- a/src/routes/Detail/VideosList/Video/Video.js
+++ b/src/routes/Detail/VideosList/Video/Video.js
@@ -3,6 +3,7 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const { Button, Image } = require('stremio/common');
 const Icon = require('stremio-icons/dom');
+const VideoPlaceholder = require('./VideoPlaceholder');
 const styles = require('./styles');
 
 const Video = ({ className, title, thumbnail, episode, released, upcoming, watched, progress, ...props }) => {
@@ -69,7 +70,9 @@ const Video = ({ className, title, thumbnail, episode, released, upcoming, watch
             }
         </Button>
     );
-}
+};
+
+Video.Placeholder = VideoPlaceholder;
 
 Video.propTypes = {
     className: PropTypes.string,
diff --git a/src/routes/Detail/VideosList/VideoPlaceholder/VideoPlaceholder.js b/src/routes/Detail/VideosList/Video/VideoPlaceholder/VideoPlaceholder.js
similarity index 100%
rename from src/routes/Detail/VideosList/VideoPlaceholder/VideoPlaceholder.js
rename to src/routes/Detail/VideosList/Video/VideoPlaceholder/VideoPlaceholder.js
diff --git a/src/routes/Detail/VideosList/VideoPlaceholder/index.js b/src/routes/Detail/VideosList/Video/VideoPlaceholder/index.js
similarity index 100%
rename from src/routes/Detail/VideosList/VideoPlaceholder/index.js
rename to src/routes/Detail/VideosList/Video/VideoPlaceholder/index.js
diff --git a/src/routes/Detail/VideosList/VideoPlaceholder/styles.less b/src/routes/Detail/VideosList/Video/VideoPlaceholder/styles.less
similarity index 100%
rename from src/routes/Detail/VideosList/VideoPlaceholder/styles.less
rename to src/routes/Detail/VideosList/Video/VideoPlaceholder/styles.less
diff --git a/src/routes/Detail/VideosList/VideosList.js b/src/routes/Detail/VideosList/VideosList.js
index c60935042..9f2394d3e 100644
--- a/src/routes/Detail/VideosList/VideosList.js
+++ b/src/routes/Detail/VideosList/VideosList.js
@@ -3,7 +3,6 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const SeasonsBar = require('./SeasonsBar');
 const Video = require('./Video');
-const VideoPlaceholder = require('./VideoPlaceholder');
 const useSelectableSeasons = require('./useSelectableSeasons');
 const styles = require('./styles');
 
@@ -27,11 +26,11 @@ const VideosList = ({ className, metaGroup }) => {
                     <React.Fragment>
                         <SeasonsBar.Placeholder className={styles['seasons-bar']} />
                         <div className={styles['videos-scroll-container']}>
-                            <VideoPlaceholder className={styles['video']} />
-                            <VideoPlaceholder className={styles['video']} />
-                            <VideoPlaceholder className={styles['video']} />
-                            <VideoPlaceholder className={styles['video']} />
-                            <VideoPlaceholder className={styles['video']} />
+                            <Video.Placeholder className={styles['video']} />
+                            <Video.Placeholder className={styles['video']} />
+                            <Video.Placeholder className={styles['video']} />
+                            <Video.Placeholder className={styles['video']} />
+                            <Video.Placeholder className={styles['video']} />
                         </div>
                     </React.Fragment>
                     :