diff --git a/src/common/MetaItem/MetaItem.js b/src/common/MetaItem/MetaItem.js index d4c0939a5..2f699051c 100644 --- a/src/common/MetaItem/MetaItem.js +++ b/src/common/MetaItem/MetaItem.js @@ -17,28 +17,11 @@ const ICON_FOR_TYPE = new Map([ ['other', 'ic_movies'] ]); -const MetaItem = React.memo(({ className, type, name, poster, posterShape, playIcon, progress, menuOptions, dataset, onSelect, menuOptionOnSelect, ...props }) => { +const MetaItem = React.memo(({ className, type, name, poster, posterShape, playIcon, progress, options, dataset, ...props }) => { const [menuOpen, onMenuOpen, onMenuClose] = useBinaryState(false); - const metaItemOnClick = React.useCallback((event) => { - if (typeof props.onClick === 'function') { - props.onClick(event); - } - - if (!event.nativeEvent.selectMetaItemPrevented && typeof onSelect === 'function') { - onSelect({ - type: 'select', - dataset: dataset, - reactEvent: event, - nativeEvent: event.nativeEvent - }); - } - }, [props.onClick, onSelect, dataset]); - const multiselectOnClick = React.useCallback((event) => { - event.nativeEvent.selectMetaItemPrevented = true; - }, []); - const multiselectOnSelect = React.useCallback((event) => { - if (typeof menuOptionOnSelect === 'function') { - menuOptionOnSelect({ + const optionOnSelect = React.useCallback((event) => { + if (typeof props.optionOnSelect === 'function') { + props.optionOnSelect({ type: 'select-option', value: event.value, dataset: dataset, @@ -46,18 +29,18 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI nativeEvent: event.nativeEvent }); } - }, [menuOptionOnSelect, dataset]); + }, [dataset, props.optionOnSelect]); const renderPosterFallback = React.useMemo(() => () => ( ), [type]); - const renderMenuOptionsLabelContent = React.useMemo(() => () => ( + const renderMenuLabelContent = React.useMemo(() => () => ( ), []); return ( -