mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-21 07:32:02 +00:00
check for user in library
This commit is contained in:
parent
0cc698c509
commit
db185dcf3e
1 changed files with 26 additions and 16 deletions
|
|
@ -1,10 +1,12 @@
|
||||||
const React = require('react');
|
const React = require('react');
|
||||||
const { Multiselect, MainNavBar, MetaItem } = require('stremio/common');
|
const { Multiselect, MainNavBar, MetaItem } = require('stremio/common');
|
||||||
|
const useUser = require('stremio/common/useUser');
|
||||||
const useLibrary = require('./useLibrary');
|
const useLibrary = require('./useLibrary');
|
||||||
const useSort = require('./useSort');
|
const useSort = require('./useSort');
|
||||||
const styles = require('./styles');
|
const styles = require('./styles');
|
||||||
|
|
||||||
const Library = ({ urlParams, queryParams }) => {
|
const Library = ({ urlParams, queryParams }) => {
|
||||||
|
const user = useUser();
|
||||||
const [metaItems, selectTypeInput, error] = useLibrary(urlParams);
|
const [metaItems, selectTypeInput, error] = useLibrary(urlParams);
|
||||||
const [selectSortInput, sortFunction] = useSort(urlParams, queryParams);
|
const [selectSortInput, sortFunction] = useSort(urlParams, queryParams);
|
||||||
return (
|
return (
|
||||||
|
|
@ -17,27 +19,35 @@ const Library = ({ urlParams, queryParams }) => {
|
||||||
</div>
|
</div>
|
||||||
<div className={styles['type-content-container']}>
|
<div className={styles['type-content-container']}>
|
||||||
{
|
{
|
||||||
error !== null ?
|
!user ?
|
||||||
<div className={styles['message-container']}>
|
<div className={styles['message-container']}>
|
||||||
No items for type {urlParams.type !== (null && '') ? urlParams.type : '"Empty"'}
|
Please log into this app
|
||||||
|
{
|
||||||
|
window.location.replace('#/intro')
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
Array.isArray(metaItems) ?
|
error !== null ?
|
||||||
<div className={styles['meta-items-container']}>
|
<div className={styles['message-container']}>
|
||||||
{
|
No items for type {urlParams.type !== (null && '') ? urlParams.type : '"Empty"'}
|
||||||
metaItems
|
|
||||||
.sort(sortFunction)
|
|
||||||
.map(({ removed, temp, ...metaItem }, index) => (
|
|
||||||
<MetaItem
|
|
||||||
{...metaItem}
|
|
||||||
key={index}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
<div className={styles['message-container']}>
|
Array.isArray(metaItems) ?
|
||||||
Loading
|
<div className={styles['meta-items-container']}>
|
||||||
</div>
|
{
|
||||||
|
metaItems
|
||||||
|
.sort(sortFunction)
|
||||||
|
.map(({ removed, temp, ...metaItem }, index) => (
|
||||||
|
<MetaItem
|
||||||
|
{...metaItem}
|
||||||
|
key={index}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
:
|
||||||
|
<div className={styles['message-container']}>
|
||||||
|
Loading
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue