Artistlist; Nicer sliders

This commit is contained in:
James Barnsley
2016-11-04 15:55:17 +13:00
parent 4ef7d935dd
commit 5b2604583f
14 changed files with 95 additions and 52 deletions

View File

@ -63,10 +63,14 @@ class SpotifyAuthenticationFrame extends React.Component{
if( !this.props.spotify.me ) return null;
return (
<div>
<Thumbnail circle={true} size="small" images={this.props.spotify.me.images} />
Logged in as {this.props.spotify.me.display_name ? this.props.spotify.me.display_name : null }
&nbsp;(<Link to={'/user/'+this.props.spotify.me.id}>{ this.props.spotify.me.id }</Link>)
<div className="artist-list">
<div className="artist">
<Thumbnail circle={true} size="small" images={this.props.spotify.me.images} />
<div className="name">
Logged in as {this.props.spotify.me.display_name ? this.props.spotify.me.display_name : null }
&nbsp;(<Link to={'/user/'+this.props.spotify.me.id}>{ this.props.spotify.me.id }</Link>)
</div>
</div>
</div>
)
}
@ -83,8 +87,8 @@ class SpotifyAuthenticationFrame extends React.Component{
}else if( this.props.spotify.authorized ){
return (
<div>
<button onClick={() => this.props.actions.authorizationRevoked()}>Log out</button>
{ this.renderMe() }
<button onClick={() => this.props.actions.authorizationRevoked()}>Log out</button>
</div>
);
}else{