Button to .button; Commands setup UI; polishing context menu

This commit is contained in:
James Barnsley
2018-11-16 15:26:10 +13:00
parent 55c75729e6
commit 6341bbb1ac
20 changed files with 436 additions and 385 deletions

View File

@ -52,7 +52,7 @@ class DiscoverCategories extends React.Component{
return (
<div className="view discover-categories-view">
<Header>
<Header uiActions={this.props.uiActions}>
<Icon name="mood" type="material" />
Genre / Mood
</Header>

View File

@ -85,7 +85,7 @@ class DiscoverCategory extends React.Component{
return (
<div className="view discover-categories-view">
<Header>
<Header uiActions={this.props.uiActions}>
<Icon name="mood" type="material" />
{category.name}
</Header>

View File

@ -77,7 +77,7 @@ class DiscoverFeatured extends React.Component{
if (helpers.isLoading(this.props.load_queue,['spotify_browse/featured-playlists'])){
return (
<div className="view discover-featured-view">
<Header className="overlay">
<Header className="overlay" uiActions={this.props.uiActions}>
<Icon name="star" type="material" />
Featured playlists
</Header>
@ -105,9 +105,9 @@ class DiscoverFeatured extends React.Component{
}
var options = (
<button className="no-hover" onClick={e => this.props.spotifyActions.getFeaturedPlaylists()}>
<a className="button no-hover" onClick={e => {this.props.uiActions.hideContextMenu(); this.props.spotifyActions.getFeaturedPlaylists()}}>
<Icon name="refresh" />Refresh
</button>
</a>
);
return (

View File

@ -121,14 +121,14 @@ class DiscoverNewReleases extends React.Component{
}
var options = (
<button className="no-hover" onClick={e => this.props.spotifyActions.getNewReleases()}>
<a className="button no-hover" onClick={e => {this.props.uiActions.hideContextMenu(); this.props.spotifyActions.getNewReleases()}}>
<Icon name="refresh" />Refresh
</button>
</a>
);
return (
<div className="view discover-new-releases-view preserve-3d">
<Header className="overlay" options={options}>
<Header className="overlay" options={options} uiActions={this.props.uiActions}>
<Icon name="new_releases" type="material" />
New releases
</Header>