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

handle all state cases in library

Browse source
This commit is contained in:
svetlagasheva 2019-11-26 10:59:12 +02:00
parent 343519b528
commit 42e8d7ddcd
1 changed files with 27 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,7 +9,7 @@ const styles = require('./styles');
const Library = ({ urlParams, queryParams }) => {
const user = useUser();
const [selectedType, typeNames, libItems] = useLibrary(urlParams);
const [libraryState, selectedType, typeNames, libItems] = useLibrary(urlParams);
const [selectSortInput, sortFunction] = useSort(urlParams, queryParams);
const loginButtonOnClick = React.useCallback(() => {
window.location.replace('#/intro');
@ -51,26 +51,36 @@ const Library = ({ urlParams, queryParams }) => {
</Button>
</div>
:
selectedType !== null ?
libItems.length > 0 ?
<div className={styles['meta-items-container']}>
{libItems
.sort(sortFunction)
.map(({ removed, temp, ...libItem }, index) => (
<MetaItem
{...libItem}
key={index}
/>
))}
</div>
libraryState != 'Ready' ?
<div className={styles['message-container']}>
Loading
</div>
:
typeNames.length > 0 ?
selectedType !== null ?
libItems.length > 0 ?
<div className={styles['meta-items-container']}>
{libItems
.sort(sortFunction)
.map(({ removed, temp, ...libItem }, index) => (
<MetaItem
{...libItem}
key={index}
/>
))}
</div>
:
<div className={styles['message-container']}>
Empty library
</div>
:
<div className={styles['message-container']}>
Select a type, please
</div>
:
<div className={styles['message-container']}>
Empty library
</div>
:
<div className={styles['message-container']}>
Loading
</div>
}
</div>
</div>