Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-22 08:32:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

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

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