diff --git a/src/routes/Library/Library.js b/src/routes/Library/Library.js
index f271799f8..e81046dc0 100644
--- a/src/routes/Library/Library.js
+++ b/src/routes/Library/Library.js
@@ -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 (
@@ -51,8 +53,14 @@ const Library = ({ urlParams, queryParams }) => {
:
- {library.lib_items.map((libItem, index) => (
-
+ {library.lib_items.map(({ id, videoId, ...libItem }, index) => (
+
))}
}
diff --git a/src/routes/Library/useItemOptions.js b/src/routes/Library/useItemOptions.js
new file mode 100644
index 000000000..870c14936
--- /dev/null
+++ b/src/routes/Library/useItemOptions.js
@@ -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;