diff --git a/src/common/index.js b/src/common/index.js
index b22b17376..580b6db4a 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -14,7 +14,6 @@ const Popup = require('./Popup');
const ShareModal = require('./ShareModal');
const Slider = require('./Slider');
const TextInput = require('./TextInput');
-const placeholderStyles = require('./placeholder-styles');
const routesRegexp = require('./routesRegexp');
const useBinaryState = require('./useBinaryState');
const useFullscreen = require('./useFullscreen');
@@ -39,7 +38,6 @@ module.exports = {
ShareModal,
Slider,
TextInput,
- placeholderStyles,
routesRegexp,
useBinaryState,
useFullscreen,
diff --git a/src/common/placeholder-styles.less b/src/common/placeholder-styles.less
deleted file mode 100644
index 97890ebd0..000000000
--- a/src/common/placeholder-styles.less
+++ /dev/null
@@ -1,18 +0,0 @@
-@keyframes placeholderAnimation {
- from {
- filter: brightness(1);
- }
-
- to {
- filter: brightness(1.2);
- }
-}
-
-.placeholder-container {
- animation-name: placeholderAnimation;
- animation-duration: 500ms;
- animation-iteration-count: infinite;
- animation-direction: alternate;
- animation-fill-mode: both;
- animation-timing-function: ease-out;
-}
\ No newline at end of file
diff --git a/src/routes/Board/Board.js b/src/routes/Board/Board.js
index c6c34c4a7..e8917f24f 100644
--- a/src/routes/Board/Board.js
+++ b/src/routes/Board/Board.js
@@ -1,6 +1,5 @@
const React = require('react');
-const classnames = require('classnames');
-const { MainNavBar, MetaRow, MetaRowPlaceholder, placeholderStyles } = require('stremio/common');
+const { MainNavBar, MetaRow, MetaRowPlaceholder } = require('stremio/common');
const useCatalogs = require('./useCatalogs');
const styles = require('./styles');
@@ -45,7 +44,7 @@ const Board = () => {
return (
);
}
diff --git a/src/routes/Detail/Detail.js b/src/routes/Detail/Detail.js
index 3329d0aaa..dae08ee69 100644
--- a/src/routes/Detail/Detail.js
+++ b/src/routes/Detail/Detail.js
@@ -1,6 +1,5 @@
const React = require('react');
-const classnames = require('classnames');
-const { NavBar, MetaPreview, MetaPreviewPlaceholder, placeholderStyles } = require('stremio/common');
+const { NavBar, MetaPreview, MetaPreviewPlaceholder } = require('stremio/common');
const VideosList = require('./VideosList');
const StreamsList = require('./StreamsList');
const useMetaItem = require('./useMetaItem');
@@ -33,7 +32,7 @@ const Detail = ({ urlParams }) => {
/>
:
-
+
}
{
typeof urlParams.videoId === 'string' && urlParams.videoId.length > 0 ?
diff --git a/src/routes/Detail/StreamsList/StreamsList.js b/src/routes/Detail/StreamsList/StreamsList.js
index 1c93281fa..4d0102d91 100644
--- a/src/routes/Detail/StreamsList/StreamsList.js
+++ b/src/routes/Detail/StreamsList/StreamsList.js
@@ -2,7 +2,7 @@ const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
-const { Button, placeholderStyles } = require('stremio/common');
+const { Button } = require('stremio/common');
const Stream = require('./Stream');
const StreamPlaceholder = require('./StreamPlaceholder');
const useStreams = require('./useStreams');
@@ -12,7 +12,7 @@ const StreamsList = ({ className, metaItem }) => {
const streams = useStreams(metaItem);
return (
-
+
{
streams.length > 0 ?
streams.map((stream) => (
diff --git a/src/routes/Detail/VideosList/VideosList.js b/src/routes/Detail/VideosList/VideosList.js
index 3c5f3d737..0be73e3bf 100644
--- a/src/routes/Detail/VideosList/VideosList.js
+++ b/src/routes/Detail/VideosList/VideosList.js
@@ -1,7 +1,6 @@
const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
-const { placeholderStyles } = require('stremio/common');
const SeasonsBar = require('./SeasonsBar');
const SeasonsBarPlaceholder = require('./SeasonsBarPlaceholder');
const Video = require('./Video');
@@ -12,7 +11,7 @@ const styles = require('./styles');
const VideosList = ({ className, metaItem }) => {
const [season, seasons, setSeason] = useSeasons(metaItem);
return (
-