From ce2685c5fcdf601a1b2144c2674ca3e79728ffff Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 5 Sep 2019 11:14:12 +0300
Subject: [PATCH] MetaPlaceholder used in detail page

---
 src/routes/Detail/Detail.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/Detail/Detail.js b/src/routes/Detail/Detail.js
index cdfc7b8d1..3a1ec171b 100644
--- a/src/routes/Detail/Detail.js
+++ b/src/routes/Detail/Detail.js
@@ -1,5 +1,6 @@
 const React = require('react');
-const { NavBar, MetaPreview } = require('stremio/common');
+const classnames = require('classnames');
+const { NavBar, MetaPreview, MetaPreviewPlaceholder, placeholderStyles } = require('stremio/common');
 const VideosList = require('./VideosList');
 const StreamsList = require('./StreamsList');
 const useMetaItem = require('./useMetaItem');
@@ -34,7 +35,9 @@ const Detail = ({ urlParams }) => {
                             toggleInLibrary={toggleInLibrary}
                         />
                         :
-                        null
+                        <MetaPreviewPlaceholder
+                            className={classnames('meta-preview', placeholderStyles['placeholder-container'])}
+                        />
                 }
                 {
                     typeof urlParams.videoId === 'string' && urlParams.videoId.length > 0 ?