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

integrate LibItem in Library

Browse source
This commit is contained in:
nklhrstv 2020-03-27 19:25:04 +02:00
parent 72742c5495
commit b82fdd09a0
1 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,17 +1,15 @@
const React = require('react'); const React = require('react');
const PropTypes = require('prop-types'); const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const { Button, Multiselect, MainNavBars, MetaItem, useProfile } = require('stremio/common'); const { Button, Multiselect, MainNavBars, LibItem, useProfile } = require('stremio/common');
const useLibrary = require('./useLibrary'); const useLibrary = require('./useLibrary');
const useSelectableInputs = require('./useSelectableInputs'); const useSelectableInputs = require('./useSelectableInputs');
const useItemOptions = require('./useItemOptions');
const styles = require('./styles'); const styles = require('./styles');
const Library = ({ urlParams, queryParams }) => { const Library = ({ urlParams, queryParams }) => {
const library = useLibrary(urlParams, queryParams);
const profile = useProfile(); const profile = useProfile();
const library = useLibrary(urlParams, queryParams);
const [typeSelect, sortSelect] = useSelectableInputs(library); const [typeSelect, sortSelect] = useSelectableInputs(library);
const [options, optionOnSelect] = useItemOptions();
return ( return (
<MainNavBars className={styles['library-container']} route={'library'}> <MainNavBars className={styles['library-container']} route={'library'}>
<div className={styles['library-content']}> <div className={styles['library-content']}>
@ -49,14 +47,8 @@ const Library = ({ urlParams, queryParams }) => {
</div> </div>
: :
<div className={styles['meta-items-container']}> <div className={styles['meta-items-container']}>
{library.lib_items.map(({ id, videoId, ...libItem }, index) => ( {library.lib_items.map((libItem, index) => (
<MetaItem <LibItem {...libItem} key={index} />
{...libItem}
key={index}
dataset={{ id, videoId, type: libItem.type }}
options={options}
optionOnSelect={optionOnSelect}
/>
))} ))}
</div> </div>
} }