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

UX for error messages in CW/Library improved

Browse source
This commit is contained in:
nklhrstv 2020-03-28 22:25:17 +02:00
parent 8af0312f69
commit c2c1f0dc3f
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@ const Library = ({ model, route, urlParams, queryParams }) => {
<MainNavBars className={styles['library-container']} route={route}> <MainNavBars className={styles['library-container']} route={route}>
<div className={styles['library-content']}> <div className={styles['library-content']}>
{ {
available ? available && library.type_names.length > 0 ?
<div className={styles['selectable-inputs-container']}> <div className={styles['selectable-inputs-container']}>
<Multiselect {...typeSelect} className={styles['select-input-container']} /> <Multiselect {...typeSelect} className={styles['select-input-container']} />
<Multiselect {...sortSelect} className={styles['select-input-container']} /> <Multiselect {...sortSelect} className={styles['select-input-container']} />
@ -42,17 +42,32 @@ const Library = ({ model, route, urlParams, queryParams }) => {
: :
library.type_names.length === 0 ? library.type_names.length === 0 ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<div className={styles['message-label']}>Empty library</div> <Image
className={styles['image']}
src={'/images/empty.png'}
alt={' '}
/>
<div className={styles['message-label']}>Empty {route === 'continuewatching' ? 'Continue Watching' : 'Library'}</div>
</div> </div>
: :
library.selected === null ? library.selected === null ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<div className={styles['message-label']}>Please select a type</div> <Image
className={styles['image']}
src={'/images/empty.png'}
alt={' '}
/>
<div className={styles['message-label']}>{route === 'continuewatching' ? 'Continue Watching' : 'Library'} not loaded!</div>
</div> </div>
: :
library.lib_items.length === 0 ? library.lib_items.length === 0 ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<div className={styles['message-label']}>There are no items for the selected type</div> <Image
className={styles['image']}
src={'/images/empty.png'}
alt={' '}
/>
<div className={styles['message-label']}>There are no items for the selected type!</div>
</div> </div>
: :
<div className={styles['meta-items-container']}> <div className={styles['meta-items-container']}>