mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
adapt images with the new build system
This commit is contained in:
parent
d2a8c96067
commit
da274e02cf
12 changed files with 20 additions and 20 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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']}>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
:
|
||||
|
|
|
|||
|
|
@ -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}>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
:
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
:
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
:
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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']}>
|
||||
|
|
|
|||
Loading…
Reference in a new issue