Starting to build UI; everything spotify goes via getToken

This commit is contained in:
James Barnsley
2016-10-23 23:48:06 +13:00
parent 9f2490fd17
commit a89d87a960
49 changed files with 5762 additions and 70 deletions

View File

@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'
import { Link } from 'react-router'
import AlbumGrid from '../../components/AlbumGrid'
import Header from '../../components/Header'
import * as mopidyActions from '../../services/mopidy/actions'
import * as spotifyActions from '../../services/spotify/actions'
@ -24,7 +25,10 @@ class LibraryAlbums extends React.Component{
if( this.props.spotify.libraryAlbums ){
return (
<div>
<h3>My albums</h3>
<Header
icon="cd"
title="My albums"
/>
<AlbumGrid items={this.props.spotify.libraryAlbums} />
</div>
);

View File

@ -4,6 +4,8 @@ import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { Link } from 'react-router'
import Header from '../../components/Header'
import * as mopidyActions from '../../services/mopidy/actions'
import * as spotifyActions from '../../services/spotify/actions'
@ -22,7 +24,10 @@ class LibraryArtists extends React.Component{
if( this.props.spotify.libraryArtists ){
return (
<div>
<h3>My artists</h3>
<Header
icon="mic"
title="My artists"
/>
<ul>
{
this.props.spotify.libraryArtists.artists.items.map( (artist, index) => {

View File

@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'
import { Link } from 'react-router'
import PlaylistListItem from '../../components/PlaylistListItem'
import Header from '../../components/Header'
import * as mopidyActions from '../../services/mopidy/actions'
import * as spotifyActions from '../../services/spotify/actions'
@ -67,7 +68,10 @@ class LibraryPlaylists extends React.Component{
render(){
return (
<div>
<h3>My playlists</h3>
<Header
icon="playlist"
title="My playlists"
/>
{ this.renderPlaylists() }
</div>
)

View File

@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'
import { Link } from 'react-router'
import TrackList from '../../components/TrackList'
import Header from '../../components/Header'
import * as mopidyActions from '../../services/mopidy/actions'
import * as spotifyActions from '../../services/spotify/actions'
@ -24,7 +25,7 @@ class LibraryTracks extends React.Component{
if( this.props.spotify.libraryTracks ){
return (
<div>
<h3>My tracks</h3>
<Header icon="music" title="My tracks" />
<TrackList tracks={this.props.spotify.libraryTracks.items} />
</div>
);