VideoPlaceholder moved inside video

This commit is contained in:
NikolaBorislavovHristov 2019-11-14 13:10:18 +02:00
parent 01cabe6343
commit f32173797b
5 changed files with 9 additions and 7 deletions

View file

@ -3,6 +3,7 @@ const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const { Button, Image } = require('stremio/common'); const { Button, Image } = require('stremio/common');
const Icon = require('stremio-icons/dom'); const Icon = require('stremio-icons/dom');
const VideoPlaceholder = require('./VideoPlaceholder');
const styles = require('./styles'); const styles = require('./styles');
const Video = ({ className, title, thumbnail, episode, released, upcoming, watched, progress, ...props }) => { 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> </Button>
); );
} };
Video.Placeholder = VideoPlaceholder;
Video.propTypes = { Video.propTypes = {
className: PropTypes.string, className: PropTypes.string,

View file

@ -3,7 +3,6 @@ const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const SeasonsBar = require('./SeasonsBar'); const SeasonsBar = require('./SeasonsBar');
const Video = require('./Video'); const Video = require('./Video');
const VideoPlaceholder = require('./VideoPlaceholder');
const useSelectableSeasons = require('./useSelectableSeasons'); const useSelectableSeasons = require('./useSelectableSeasons');
const styles = require('./styles'); const styles = require('./styles');
@ -27,11 +26,11 @@ const VideosList = ({ className, metaGroup }) => {
<React.Fragment> <React.Fragment>
<SeasonsBar.Placeholder className={styles['seasons-bar']} /> <SeasonsBar.Placeholder className={styles['seasons-bar']} />
<div className={styles['videos-scroll-container']}> <div className={styles['videos-scroll-container']}>
<VideoPlaceholder className={styles['video']} /> <Video.Placeholder className={styles['video']} />
<VideoPlaceholder className={styles['video']} /> <Video.Placeholder className={styles['video']} />
<VideoPlaceholder className={styles['video']} /> <Video.Placeholder className={styles['video']} />
<VideoPlaceholder className={styles['video']} /> <Video.Placeholder className={styles['video']} />
<VideoPlaceholder className={styles['video']} /> <Video.Placeholder className={styles['video']} />
</div> </div>
</React.Fragment> </React.Fragment>
: :