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 ( -
+
{ metaItem !== null ?