adapt images with the new build system

This commit is contained in:
nklhrstv 2021-01-06 18:25:47 +02:00
parent d2a8c96067
commit da274e02cf
12 changed files with 20 additions and 20 deletions

View file

@ -33,7 +33,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
<div className={styles['logo-container']}> <div className={styles['logo-container']}>
<Image <Image
className={styles['logo']} className={styles['logo']}
src={'/images/stremio_symbol.png'} src={require('/images/stremio_symbol.png')}
alt={' '} alt={' '}
/> />
</div> </div>

View file

@ -50,9 +50,9 @@ const NavMenu = (props) => {
className={styles['avatar-container']} className={styles['avatar-container']}
style={{ style={{
backgroundImage: profile.auth === null ? backgroundImage: profile.auth === null ?
'url(\'/images/anonymous.png\')' `url('${require('/images/anonymous.png')}')`
: :
`url('${profile.auth.user.avatar}'), url('/images/default_avatar.png')` `url('${profile.auth.user.avatar}'), url('${require('/images/default_avatar.png')}')`
}} }}
/> />
<div className={styles['email-container']}> <div className={styles['email-container']}>

View file

@ -113,13 +113,13 @@ const Discover = ({ urlParams, queryParams }) => {
{ {
discover.catalog === null ? discover.catalog === null ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['message-label']}>No catalog selected!</div> <div className={styles['message-label']}>No catalog selected!</div>
</div> </div>
: :
discover.catalog.content.type === 'Err' ? discover.catalog.content.type === 'Err' ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['message-label']}>{discover.catalog.content.content}</div> <div className={styles['message-label']}>{discover.catalog.content.content}</div>
</div> </div>
: :

View file

@ -282,7 +282,7 @@ const Intro = ({ queryParams }) => {
<div className={styles['intro-container']}> <div className={styles['intro-container']}>
<div className={styles['form-container']}> <div className={styles['form-container']}>
<div className={styles['logo-container']}> <div className={styles['logo-container']}>
<Image className={styles['logo']} src={'/images/stremio_symbol.png'} alt={' '} /> <Image className={styles['logo']} src={require('/images/stremio_symbol.png')} alt={' '} />
<Icon className={styles['name']} icon={'ic_stremio'} /> <Icon className={styles['name']} icon={'ic_stremio'} />
</div> </div>
<Button className={classnames(styles['form-button'], styles['facebook-button'])} onClick={loginWithFacebook}> <Button className={classnames(styles['form-button'], styles['facebook-button'])} onClick={loginWithFacebook}>

View file

@ -37,7 +37,7 @@ const Library = ({ model, urlParams, queryParams }) => {
<div className={classnames(styles['message-container'], styles['no-user-message-container'])}> <div className={classnames(styles['message-container'], styles['no-user-message-container'])}>
<Image <Image
className={styles['image']} className={styles['image']}
src={'/images/anonymous.png'} src={require('/images/anonymous.png')}
alt={' '} alt={' '}
/> />
<Button className={styles['login-button-container']} href={'#/intro'}> <Button className={styles['login-button-container']} href={'#/intro'}>
@ -50,7 +50,7 @@ const Library = ({ model, urlParams, queryParams }) => {
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image <Image
className={styles['image']} className={styles['image']}
src={'/images/empty.png'} src={require('/images/empty.png')}
alt={' '} alt={' '}
/> />
<div className={styles['message-label']}>{model === 'library' ? 'Library' : 'Continue Watching'} not loaded!</div> <div className={styles['message-label']}>{model === 'library' ? 'Library' : 'Continue Watching'} not loaded!</div>
@ -60,7 +60,7 @@ const Library = ({ model, urlParams, queryParams }) => {
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image <Image
className={styles['image']} className={styles['image']}
src={'/images/empty.png'} src={require('/images/empty.png')}
alt={' '} alt={' '}
/> />
<div className={styles['message-label']}>Empty {model === 'library' ? 'Library' : 'Continue Watching'}</div> <div className={styles['message-label']}>Empty {model === 'library' ? 'Library' : 'Continue Watching'}</div>

View file

@ -84,19 +84,19 @@ const MetaDetails = ({ urlParams, queryParams }) => {
{ {
metaPath === null ? metaPath === null ?
<div className={styles['meta-message-container']}> <div className={styles['meta-message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['message-label']}>No meta was selected!</div> <div className={styles['message-label']}>No meta was selected!</div>
</div> </div>
: :
metaDetails.metaItem === null ? metaDetails.metaItem === null ?
<div className={styles['meta-message-container']}> <div className={styles['meta-message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['message-label']}>No addons ware requested for this meta!</div> <div className={styles['message-label']}>No addons ware requested for this meta!</div>
</div> </div>
: :
metaDetails.metaItem.content.type === 'Err' ? metaDetails.metaItem.content.type === 'Err' ?
<div className={styles['meta-message-container']}> <div className={styles['meta-message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['message-label']}>No metadata was found!</div> <div className={styles['message-label']}>No metadata was found!</div>
</div> </div>
: :

View file

@ -25,13 +25,13 @@ const StreamsList = ({ className, ...props }) => {
{ {
props.streams.length === 0 ? props.streams.length === 0 ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['label']}>No addons were requested for streams!</div> <div className={styles['label']}>No addons were requested for streams!</div>
</div> </div>
: :
props.streams.every((streams) => streams.content.type === 'Err') ? props.streams.every((streams) => streams.content.type === 'Err') ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['label']}>No streams were found!</div> <div className={styles['label']}>No streams were found!</div>
</div> </div>
: :

View file

@ -67,7 +67,7 @@ const VideosList = ({ className, metaItem, season, seasonOnSelect }) => {
: :
metaItem.content.type === 'Err' || videosForSeason.length === 0 ? metaItem.content.type === 'Err' || videosForSeason.length === 0 ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/empty.png'} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['label']}>No videos found for this meta!</div> <div className={styles['label']}>No videos found for this meta!</div>
</div> </div>
: :

View file

@ -17,7 +17,7 @@ const NotFound = () => {
<div className={styles['not-found-content']}> <div className={styles['not-found-content']}>
<Image <Image
className={styles['not-found-image']} className={styles['not-found-image']}
src={'/images/empty.png'} src={require('/images/empty.png')}
alt={' '} alt={' '}
/> />
<div className={styles['not-found-label']}>Page not found!</div> <div className={styles['not-found-label']}>Page not found!</div>

View file

@ -13,7 +13,7 @@ const BufferingLoader = ({ className, logo }) => {
className={styles['buffering-loader']} className={styles['buffering-loader']}
src={logo} src={logo}
alt={' '} alt={' '}
fallbackSrc={'/images/stremio_symbol.png'} fallbackSrc={require('/images/stremio_symbol.png')}
/> />
</div> </div>
); );

View file

@ -42,7 +42,7 @@ const Search = ({ queryParams }) => {
<div className={styles['message-container']}> <div className={styles['message-container']}>
<Image <Image
className={styles['image']} className={styles['image']}
src={'/images/empty.png'} src={require('/images/empty.png')}
alt={' '} alt={' '}
/> />
<div className={styles['message-label']}>No addons were requested for catalogs!</div> <div className={styles['message-label']}>No addons were requested for catalogs!</div>

View file

@ -158,9 +158,9 @@ const Settings = () => {
className={styles['avatar-container']} className={styles['avatar-container']}
style={{ style={{
backgroundImage: profile.auth === null ? backgroundImage: profile.auth === null ?
'url(\'/images/anonymous.png\')' `url('${require('/images/anonymous.png')}')`
: :
`url('${profile.auth.user.avatar}'), url('/images/default_avatar.png')` `url('${profile.auth.user.avatar}'), url('${require('/images/default_avatar.png')}')`
}} }}
/> />
<div className={styles['email-logout-container']}> <div className={styles['email-logout-container']}>