Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-19 18:48:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

MetaItem props validation improved

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-05 12:43:49 +03:00
parent fa73aed357
commit 52bc54b7d6
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/common/MetaItem/MetaItem.js
View file

@ -3,18 +3,19 @@ const PropTypes = require('prop-types');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const Button = require('stremio/common/Button');
const useBinaryState = require('stremio/common/useBinaryState');
const Popup = require('stremio/common/Popup');
const useBinaryState = require('stremio/common/useBinaryState');
const styles = require('./styles');
const ICON_FOR_TYPE = Object.assign(Object.create(null), {
'movie': 'ic_movies',
'series': 'ic_series',
'channel': 'ic_channels',
'tv': 'ic_tv'
'tv': 'ic_tv',
'other': 'ic_movies'
});
const MetaItem = React.memo(({ className, id, type, name = '', posterShape = 'square', poster = '', title = '', subtitle = '', progress = 0, playIcon = false, menuOptions = [], onSelect, menuOptionOnSelect, ...props }) => {
const MetaItem = React.memo(({ className, id, type, name, posterShape = 'square', poster, title, subtitle, progress, playIcon, menuOptions, onSelect, menuOptionOnSelect }) => {
const [menuOpen, openMenu, closeMenu, toggleMenu] = useBinaryState(false);
const metaItemOnClick = React.useCallback((event) => {
if (!event.nativeEvent.selectItemPrevented && typeof onSelect === 'function') {
@ -37,10 +38,13 @@ const MetaItem = React.memo(({ className, id, type, name = '', posterShape = 'sq
event.nativeEvent.selectItemPrevented = true;
}, [menuOptionOnSelect]);
return (
<Button {...props} className={classnames(className, styles['meta-item-container'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} title={name} data-id={id} onClick={metaItemOnClick}>
<Button className={classnames(className, styles['meta-item-container'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} title={name} data-id={id} onClick={metaItemOnClick}>
<div className={styles['poster-image-container']}>
<div className={styles['placeholder-image-layer']}>
<Icon className={styles['placeholder-image']} icon={ICON_FOR_TYPE[type] || 'ic_movies'} />
<Icon
className={styles['placeholder-image']}
icon={typeof ICON_FOR_TYPE[type] === 'string' ? ICON_FOR_TYPE[type] : ICON_FOR_TYPE['other']}
/>
</div>
{
typeof poster === 'string' && poster.length > 0 ?
@ -127,7 +131,7 @@ MetaItem.displayName = 'MetaItem';
MetaItem.propTypes = {
className: PropTypes.string,
id: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
type: PropTypes.string,
name: PropTypes.string,
posterShape: PropTypes.oneOf(['poster', 'landscape', 'square']),
poster: PropTypes.string,