Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 07:32:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

context menu feature dropped from MetaItem

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-14 00:38:43 +03:00
parent 2317f4f534
commit cdc4a1be7c
1 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -15,19 +15,9 @@ const ICON_FOR_TYPE = Object.assign(Object.create(null), {
}); });
const MetaItem = React.memo(({ className, id, type, name, posterShape = 'square', poster = '', title = '', subtitle = '', progress = 0, playIcon = false, menuOptions = [], onClick, menuOptionOnSelect }) => { const MetaItem = React.memo(({ className, id, type, name, posterShape = 'square', poster = '', title = '', subtitle = '', progress = 0, playIcon = false, menuOptions = [], onClick, menuOptionOnSelect }) => {
const [menuOpen, openMenu, closeMenu, toggleMenu] = useBinaryState(false); const [menuOpen, openMenu, closeMenu] = useBinaryState(false);
const onContextMenu = React.useCallback((event) => {
if (!event.ctrlKey && Array.isArray(menuOptions) && menuOptions.length > 0) {
if (menuOpen) {
closeMenu();
} else {
openMenu();
event.preventDefault();
}
}
}, [menuOpen, menuOptions]);
return ( return (
<Button className={classnames(className, styles['meta-item-container'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} title={name} data-id={id} onContextMenu={onContextMenu} onClick={onClick}> <Button className={classnames(className, styles['meta-item-container'], styles[`poster-shape-${posterShape}`], { 'active': menuOpen })} title={name} data-id={id} onClick={onClick}>
<div className={styles['poster-image-container']}> <div className={styles['poster-image-container']}>
<div className={styles['placeholder-image-layer']}> <div className={styles['placeholder-image-layer']}>
<Icon <Icon
@ -86,7 +76,7 @@ const MetaItem = React.memo(({ className, id, type, name, posterShape = 'square'
tabIndex={-1} tabIndex={-1}
onClick={(event) => { onClick={(event) => {
onClick(event); onClick(event);
toggleMenu(); openMenu();
}}> }}>
<Icon className={styles['menu-icon']} icon={'ic_more'} /> <Icon className={styles['menu-icon']} icon={'ic_more'} />
</Button> </Button>