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']}>
|
<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>
|
||||||
|
|
|
||||||
|
|
@ -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']}>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
:
|
:
|
||||||
|
|
|
||||||
|
|
@ -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}>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
:
|
:
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
:
|
:
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
:
|
:
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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']}>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue