Default images

src/js/components/Sidebar.js

@@ -80,7 +80,7 @@ class Sidebar extends React.Component{
 								<Icon name="music" />
 								Tracks
 							</Link>
-							<Link className={this.linkClassName('library/local')} to={global.baseURL+"library/browse"}>
+							<Link className={this.linkClassName('library/browse')} to={global.baseURL+"library/browse"}>
 								<Icon name="folder" />
 								Browse
 							</Link>

src/js/index.js

@@ -75,9 +75,9 @@ ReactDOM.render(
 				<Route path="library/albums" component={LibraryAlbums} />
 				<Route path="library/tracks" component={LibraryTracks} />
 				<Route path="library/playlists" component={LibraryPlaylists} />
+				<Route path="library/browse/local-artists" component={LibraryLocalArtists} />
+				<Route path="library/browse/local-albums" component={LibraryLocalAlbums} />
 				<Route path="library/browse(/:uri)" component={LibraryBrowse} />
-				<Route path="library/local/artists" component={LibraryLocalArtists} />
-				<Route path="library/local/albums" component={LibraryLocalAlbums} />
 
 			</Route>
 		</Router>

src/js/services/mopidy/actions.js

@@ -185,7 +185,7 @@ export function getPlaylist( uri ){
 export function getDirectory( uri ){
 	return { 
 		type: 'MOPIDY_GET_DIRECTORY', 
-		data: { uri: uri } 
+		data: { uri: (uri ? decodeURIComponent(uri) : null) } 
 	}
 }
 

src/js/views/library/LibraryBrowse.js

@@ -60,7 +60,7 @@ class LibraryBrowse extends React.Component{
 					{},
 					directory[i],
 					{
-						uri: directory[i].uri.replace('?','|')
+						uri: encodeURIComponent(directory[i].uri)
 					}
 				))
 			}
@@ -123,12 +123,12 @@ class LibraryBrowse extends React.Component{
 			var grid_items = [
 				{
 					name: 'Local artists',
-					link: global.baseURL+'library/local/artists',
+					link: global.baseURL+'library/browse/local-artists',
 					icons: ['assets/backgrounds/browse-artists.jpg']
 				},
 				{
 					name: 'Local albums',
-					link: global.baseURL+'library/local/albums',
+					link: global.baseURL+'library/browse/local-albums',
 					icons: ['assets/backgrounds/browse-albums.jpg']
 				}
 			]
@@ -156,13 +156,17 @@ class LibraryBrowse extends React.Component{
 							directory.icons = ['assets/backgrounds/browse-tunigo.jpg']
 							break
 
+						case 'Tunein':
+							directory.icons = ['assets/backgrounds/browse-tunein.jpg']
+							break
+
 						default:
-							directory.icons = ['assets/backgrounds/browse-albums.jpg']
+							directory.icons = ['assets/backgrounds/browse-default.jpg']
 					}
 
 					grid_items.push({
 						name: directory.name,
-						link: global.baseURL+'library/browse/'+directory.uri.replace('?','|').replace('/','%2F'),
+						link: global.baseURL+'library/browse/'+encodeURIComponent(directory.uri),
 						icons: directory.icons
 					})
 				}