mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-14 04:50:26 +00:00
context menu feature dropped from MetaItem
This commit is contained in:
parent
2317f4f534
commit
cdc4a1be7c
1 changed files with 3 additions and 13 deletions
|
|
@ -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 [menuOpen, openMenu, closeMenu, toggleMenu] = 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]);
|
||||
const [menuOpen, openMenu, closeMenu] = useBinaryState(false);
|
||||
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['placeholder-image-layer']}>
|
||||
<Icon
|
||||
|
|
@ -86,7 +76,7 @@ const MetaItem = React.memo(({ className, id, type, name, posterShape = 'square'
|
|||
tabIndex={-1}
|
||||
onClick={(event) => {
|
||||
onClick(event);
|
||||
toggleMenu();
|
||||
openMenu();
|
||||
}}>
|
||||
<Icon className={styles['menu-icon']} icon={'ic_more'} />
|
||||
</Button>
|
||||
|
|
|
|||
Loading…
Reference in a new issue