Grids; Parallax

src/js/views/library/LibraryAlbums.js

@@ -29,7 +29,7 @@ class LibraryAlbums extends React.Component{
 						icon="cd"
 						title="My albums"
 						/>
-					<AlbumGrid items={this.props.spotify.libraryAlbums} />
+					<AlbumGrid albums={this.props.spotify.libraryAlbums.items} />
 				</div>
 			);
 		}

src/js/views/library/LibraryArtists.js

@@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'
 import { Link } from 'react-router'
 
 import Header from '../../components/Header'
+import ArtistGrid from '../../components/ArtistGrid'
 
 import * as mopidyActions from '../../services/mopidy/actions'
 import * as spotifyActions from '../../services/spotify/actions'
@@ -28,14 +29,7 @@ class LibraryArtists extends React.Component{
 						icon="mic"
 						title="My artists"
 						/>
-					<ul>
-						{
-							this.props.spotify.libraryArtists.artists.items.map( (artist, index) => {
-								var link = '/artist/' + artist.uri;
-								return <li key={index}><Link to={link}>{ artist.name }</Link></li>
-							})
-						}
-					</ul>
+					<ArtistGrid artists={this.props.spotify.libraryArtists.artists.items} />
 				</div>
 			);
 		}