From 29a1127e9395908f0eea0cfba4066a9ff6dbcd0a Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 14 Nov 2019 14:48:33 +0200
Subject: [PATCH] StreamPlaceholder moved inside Stream

---
 src/routes/MetaDetails/StreamsList/Stream/Stream.js          | 5 ++++-
 .../{ => Stream}/StreamPlaceholder/StreamPlaceholder.js      | 0
 .../StreamsList/{ => Stream}/StreamPlaceholder/index.js      | 0
 .../StreamsList/{ => Stream}/StreamPlaceholder/styles.less   | 0
 src/routes/MetaDetails/StreamsList/StreamsList.js            | 5 ++---
 5 files changed, 6 insertions(+), 4 deletions(-)
 rename src/routes/MetaDetails/StreamsList/{ => Stream}/StreamPlaceholder/StreamPlaceholder.js (100%)
 rename src/routes/MetaDetails/StreamsList/{ => Stream}/StreamPlaceholder/index.js (100%)
 rename src/routes/MetaDetails/StreamsList/{ => Stream}/StreamPlaceholder/styles.less (100%)

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index ca9be0c57..094fdb776 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -3,6 +3,7 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
 const { Button } = require('stremio/common');
+const StreamPlaceholder = require('./StreamPlaceholder');
 const styles = require('./styles');
 
 const Stream = ({ className, id, addon, description, progress, onClick }) => {
@@ -34,7 +35,9 @@ const Stream = ({ className, id, addon, description, progress, onClick }) => {
             }
         </Button>
     );
-}
+};
+
+Stream.Placeholder = StreamPlaceholder;
 
 Stream.propTypes = {
     className: PropTypes.string,
diff --git a/src/routes/MetaDetails/StreamsList/StreamPlaceholder/StreamPlaceholder.js b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js
similarity index 100%
rename from src/routes/MetaDetails/StreamsList/StreamPlaceholder/StreamPlaceholder.js
rename to src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js
diff --git a/src/routes/MetaDetails/StreamsList/StreamPlaceholder/index.js b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/index.js
similarity index 100%
rename from src/routes/MetaDetails/StreamsList/StreamPlaceholder/index.js
rename to src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/index.js
diff --git a/src/routes/MetaDetails/StreamsList/StreamPlaceholder/styles.less b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less
similarity index 100%
rename from src/routes/MetaDetails/StreamsList/StreamPlaceholder/styles.less
rename to src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less
diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index d4dc8ca5f..855615f3c 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -4,7 +4,6 @@ const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
 const { Button } = require('stremio/common');
 const Stream = require('./Stream');
-const StreamPlaceholder = require('./StreamPlaceholder');
 const styles = require('./styles');
 
 const StreamsList = ({ className, streamsGroups }) => {
@@ -30,8 +29,8 @@ const StreamsList = ({ className, streamsGroups }) => {
                                 <div className={styles['message-label']}>No streams were found</div>
                                 :
                                 <React.Fragment>
-                                    <StreamPlaceholder className={styles['stream']} />
-                                    <StreamPlaceholder className={styles['stream']} />
+                                    <Stream.Placeholder className={styles['stream']} />
+                                    <Stream.Placeholder className={styles['stream']} />
                                 </React.Fragment>
                 }
             </div>