secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Loading album via actions + middleware

Browse Source
This commit is contained in:
James Barnsley
2016-10-16 13:28:21 +13:00
parent 9fddcc9948
commit f738766898
3 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/js/components/Album.js
View File

@ -4,27 +4,23 @@ import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import TrackList from './TrackList'
import * as albumActions from '../actions/albumActions'
import * as spotifyActions from '../services/spotify/actions'
class Album extends React.Component{
constructor(props) {
super(props);
this.state = {
album: false
}
}
// on render
componentDidMount(){
this.loadAlbum( this.props.params.uri );
this.props.spotifyActions.loadAlbum( this.props.params.uri );
}
// when props changed
componentWillReceiveProps( nextProps ){
if( nextProps.params.uri != this.props.params.uri ){
this.loadAlbum( nextProps.params.uri );
this.props.spotifyActions.loadAlbum( nextProps.params.uri );
}
}
@ -44,11 +40,11 @@ class Album extends React.Component{
}
renderAlbum(){
if( this.state.album ){
if( this.props.spotify.album ){
return (
<div>
<h3>{ this.state.album.name }</h3>
<TrackList tracks={this.state.album.tracks.items} />
<h3>{ this.props.spotify.album.name }</h3>
<TrackList tracks={this.props.spotify.album.tracks.items} />
</div>
);
}
@ -78,7 +74,7 @@ const mapStateToProps = (state, ownProps) => {
const mapDispatchToProps = (dispatch) => {
return {
albumActions: bindActionCreators(albumActions, dispatch)
spotifyActions: bindActionCreators(spotifyActions, dispatch)
}
}