Removing more absolute asset references

This commit is contained in:
James Barnsley
2022-11-11 22:36:05 +13:00
parent f0b10f46c2
commit 02aee0b9e1
5 changed files with 22 additions and 22 deletions

View File

@ -17,7 +17,7 @@ const Icon = memo(({
return (
<span className={fullClassName}>
<img
src={`/assets/icons/${name}.svg`}
src={`assets/icons/${name}.svg`}
onClick={onClick}
alt={`${name} icon`}
/>
@ -29,7 +29,7 @@ const Icon = memo(({
<span className={fullClassName}>
<img
className={fullClassName}
src={`/assets/icons/${name}.gif`}
src={`assets/icons/${name}.gif`}
onClick={onClick}
alt={`${name} icon`}
/>

View File

@ -55,7 +55,7 @@ const setFavicon = function (filename) {
const new_link = document.createElement('link');
new_link.className = link.className;
new_link.rel = link.rel;
new_link.href = `/assets/${filename}`;
new_link.href = `assets/${filename}`;
if (link.type) {
new_link.type = link.type;
}

View File

@ -526,7 +526,7 @@ class Recommendations extends React.Component {
return (
<div className="view discover-view preserve-3d">
{theme === 'dark' && <Parallax image="/assets/backgrounds/discover.jpg" />}
{theme === 'dark' && <Parallax image="assets/backgrounds/discover.jpg" />}
<div className="intro preserve-3d">
<div className="intro__liner">
<h1><I18n path="discover.recommendations.body_title" /></h1>

View File

@ -45,80 +45,80 @@ class Browse extends React.Component {
for (const subdirectory of directory.subdirectories) {
switch (subdirectory.name) {
case 'Dirble':
subdirectory.icons = ['/assets/backgrounds/browse-dirble.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-dirble.jpg'];
break;
case 'Files':
subdirectory.icons = ['/assets/backgrounds/browse-folders.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-folders.jpg'];
break;
case 'Local media':
subdirectory.icons = ['/assets/backgrounds/browse-folders.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-folders.jpg'];
break;
case 'Spotify':
case 'Spotify Browse':
case 'Spotify Web Browse':
subdirectory.icons = ['/assets/backgrounds/browse-spotify.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-spotify.jpg'];
break;
case 'Spotify Tunigo':
case 'Tunigo':
subdirectory.icons = ['/assets/backgrounds/browse-tunigo.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-tunigo.jpg'];
break;
case 'TuneIn':
subdirectory.icons = ['/assets/backgrounds/browse-tunein.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-tunein.jpg'];
break;
case 'SoundCloud':
subdirectory.icons = ['/assets/backgrounds/browse-soundcloud.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-soundcloud.jpg'];
break;
case 'Mixcloud':
subdirectory.icons = ['/assets/backgrounds/browse-mixcloud.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-mixcloud.jpg'];
break;
case 'iTunes Store: Podcasts':
subdirectory.icons = ['/assets/backgrounds/browse-itunes.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-itunes.jpg'];
break;
case 'SomaFM':
subdirectory.icons = ['/assets/backgrounds/browse-somafm.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-somafm.jpg'];
break;
case 'Jellyfin':
subdirectory.icons = ['/assets/backgrounds/browse-jellyfin.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-jellyfin.jpg'];
break;
case 'Podcasts':
subdirectory.icons = ['/assets/backgrounds/browse-podcasts.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-podcasts.jpg'];
break;
case 'Tidal':
subdirectory.icons = ['/assets/backgrounds/browse-tidal.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-tidal.jpg'];
break;
case 'Google':
case 'Google Play':
case 'Google Play Music':
subdirectory.icons = ['/assets/backgrounds/browse-google.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-google.jpg'];
break;
case 'YouTube Music':
subdirectory.icons = ['/assets/backgrounds/browse-youtube.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-youtube.jpg'];
break;
case 'bandcamp':
case 'Bandcamp':
subdirectory.icons = ['/assets/backgrounds/browse-default.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-default.jpg'];
break;
default:
if (subdirectory.images?.medium) {
subdirectory.icons = [subdirectory.images?.medium];
} else {
subdirectory.icons = ['/assets/backgrounds/browse-default.jpg'];
subdirectory.icons = ['assets/backgrounds/browse-default.jpg'];
}
}

View File

@ -140,7 +140,7 @@ class Reset extends React.Component {
console.log('Reset complete, refreshing...');
resetState(stateKeysToReset);
setTimeout(
() => closeModal(window.location = `/settings${test_mode ? '?test_mode=0' : ''}`),
() => closeModal(window.location = `settings${test_mode ? '?test_mode=0' : ''}`),
1000,
);
});