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']}>
<Image
className={styles['logo']}
src={'/images/stremio_symbol.png'}
src={require('/images/stremio_symbol.png')}
alt={' '}
/>
</div>

View file

@ -50,9 +50,9 @@ const NavMenu = (props) => {
className={styles['avatar-container']}
style={{
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']}>

View file

@ -113,13 +113,13 @@ const Discover = ({ urlParams, queryParams }) => {
{
discover.catalog === null ?
<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>
:
discover.catalog.content.type === 'Err' ?
<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>
:

View file

@ -282,7 +282,7 @@ const Intro = ({ queryParams }) => {
<div className={styles['intro-container']}>
<div className={styles['form-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'} />
</div>
<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'])}>
<Image
className={styles['image']}
src={'/images/anonymous.png'}
src={require('/images/anonymous.png')}
alt={' '}
/>
<Button className={styles['login-button-container']} href={'#/intro'}>
@ -50,7 +50,7 @@ const Library = ({ model, urlParams, queryParams }) => {
<div className={styles['message-container']}>
<Image
className={styles['image']}
src={'/images/empty.png'}
src={require('/images/empty.png')}
alt={' '}
/>
<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']}>
<Image
className={styles['image']}
src={'/images/empty.png'}
src={require('/images/empty.png')}
alt={' '}
/>
<div className={styles['message-label']}>Empty {model === 'library' ? 'Library' : 'Continue Watching'}</div>

View file

@ -84,19 +84,19 @@ const MetaDetails = ({ urlParams, queryParams }) => {
{
metaPath === null ?
<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>
:
metaDetails.metaItem === null ?
<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>
:
metaDetails.metaItem.content.type === 'Err' ?
<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>
:

View file

@ -25,13 +25,13 @@ const StreamsList = ({ className, ...props }) => {
{
props.streams.length === 0 ?
<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>
:
props.streams.every((streams) => streams.content.type === 'Err') ?
<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>
:

View file

@ -67,7 +67,7 @@ const VideosList = ({ className, metaItem, season, seasonOnSelect }) => {
:
metaItem.content.type === 'Err' || videosForSeason.length === 0 ?
<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>
:

View file

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

View file

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

View file

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

View file

@ -158,9 +158,9 @@ const Settings = () => {
className={styles['avatar-container']}
style={{
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']}>