Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

item menu options added to Library ui

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-12-08 17:04:31 +02:00
parent 142daed641
commit a63e4622a4
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/Library/Library.js
View file

@ -2,12 +2,14 @@ const React = require('react');
const classnames = require('classnames');
const { Button, Multiselect, MainNavBar, MetaItem } = require('stremio/common');
const useLibrary = require('./useLibrary');
const useItemOptions = require('./useItemOptions');
const useSelectableInputs = require('./useSelectableInputs');
const styles = require('./styles');
const Library = ({ urlParams, queryParams }) => {
const library = useLibrary(urlParams, queryParams);
const [typeSelect, sortPropSelect] = useSelectableInputs(library);
const [options, optionOnSelect] = useItemOptions();
return (
<div className={styles['library-container']}>
<MainNavBar className={styles['nav-bar']} />
@ -51,8 +53,14 @@ const Library = ({ urlParams, queryParams }) => {
</div>
:
<div className={styles['meta-items-container']}>
{library.lib_items.map((libItem, index) => (
<MetaItem {...libItem} key={index} />
{library.lib_items.map(({ id, videoId, ...libItem }, index) => (
<MetaItem
{...libItem}
key={index}
dataset={{ id, videoId, type: libItem.type }}
options={options}
optionOnSelect={optionOnSelect}
/>
))}
</div>
}

25
src/routes/Library/useItemOptions.js Normal file
View file

@ -0,0 +1,25 @@
const React = require('react');
const PLAY_OPTION = {
label: 'Play',
value: 'play'
};
const DISMISS_OPTION = {
label: 'Dismiss',
value: 'dismiss'
};
const onSelect = (event) => {
// TODO {{event.value}} {{event.dataset}}
};
const useItemOptions = () => {
const options = React.useMemo(() => ([
PLAY_OPTION,
DISMISS_OPTION
]), []);
return [options, onSelect];
};
module.exports = useItemOptions;