UI: Fine tuning the resource navigation

ui/src/App.js

@@ -16,9 +16,9 @@ const App = () => (
     layout={Layout}
     loginPage={Login}
   >
-    <Resource name="song" {...song} options={{ subMenu: 'library' }} />
-    <Resource name="album" {...album} options={{ subMenu: 'library' }} />
     <Resource name="artist" {...artist} options={{ subMenu: 'library' }} />
+    <Resource name="album" {...album} options={{ subMenu: 'library' }} />
+    <Resource name="song" {...song} options={{ subMenu: 'library' }} />
     <Resource name="user" {...user} />
   </Admin>
 )

ui/src/album/AlbumList.js

@@ -34,8 +34,13 @@ const AlbumDetails = (props) => {
   )
 }
 
-const albumRowClick = (id, basePath, record) =>
+const albumRowClick = (id, basePath, record) => {
-  `/song?filter={"artist":"${record.artist}","album":"${record.name}","album_id":"${record.id}"}&order=ASC&sort=trackNumber`
+  const filter = { album: record.name, album_id: id }
+  if (!record.compilation) {
+    filter.artist = record.artist
+  }
+  return `/song?filter=${JSON.stringify(filter)}&order=ASC&sort=trackNumber`
+}
 
 const AlbumList = (props) => (
   <List

ui/src/artist/ArtistList.js

@@ -15,8 +15,10 @@ const ArtistFilter = (props) => (
   </Filter>
 )
 
-const artistRowClick = (id, basePath, record) =>
+const artistRowClick = (id, basePath, record) => {
-  `/album?filter={"artist":"${record.name}","artist_id":"${record.id}"}&order=ASC&sort=year`
+  const filter = { artist_id: id }
+  return `/album?filter=${JSON.stringify(filter)}&order=ASC&sort=year`
+}
 
 const ArtistList = (props) => (
   <List