mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-21 03:22:11 +00:00
VideoPlaceholder moved inside video
This commit is contained in:
parent
01cabe6343
commit
f32173797b
5 changed files with 9 additions and 7 deletions
|
|
@ -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,
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
:
|
:
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue