Searching; Source icon on TrackList

This commit is contained in:
James Barnsley
2016-11-06 18:29:49 +13:00
parent b55bec8494
commit 5aec62a296
14 changed files with 189 additions and 46 deletions

View File

@ -25,6 +25,7 @@ class Queue extends React.Component{
if( this.props.mopidy && this.props.mopidy.tracks ){
return (
<TrackList
show_source_icon={true}
context="queue"
tracks={this.props.mopidy.tracks}
removeTracks={ tracks => this.removeTracks( tracks ) }

View File

@ -34,6 +34,7 @@ class Search extends React.Component{
performSearch( props = this.props ){
this.props.spotifyActions.getSearchResults( props.params.query )
if( props.mopidy.connected ) this.props.mopidyActions.getSearchResults( props.params.query )
}
loadMore(type){
@ -53,7 +54,7 @@ class Search extends React.Component{
// merge our mopidy results in
if( this.props.mopidy['search_results_'+type] ){
results = [...results, ...this.props.mopidy.search_results[type]]
results = [...results, ...this.props.mopidy['search_results_'+type]]
}
// merge our spotify results in
@ -105,7 +106,7 @@ class Search extends React.Component{
return (
<div>
<section className="list-wrapper">
<TrackList tracks={ this.compiledResults('tracks') } />
<TrackList show_source_icon={true} tracks={ this.compiledResults('tracks') } />
</section>
<LazyLoadListener loadMore={ () => this.loadMore('tracks') }/>
</div>
@ -137,8 +138,8 @@ class Search extends React.Component{
</div>
<section className="list-wrapper">
<h4><Link to={'/search/'+this.props.params.query+'/tracks'}>Tracks</Link></h4>
<TrackList tracks={ this.compiledResults('tracks') } />
<h4 className="left-padding"><Link to={'/search/'+this.props.params.query+'/tracks'}>Tracks</Link></h4>
<TrackList show_source_icon={true} tracks={ this.compiledResults('tracks') } />
</section>
<LazyLoadListener loadMore={ () => this.loadMore('tracks') }/>