Committing to Material icons
This commit is contained in:
@ -255,18 +255,18 @@ class LibraryAlbums extends React.Component{
|
||||
name="Sort"
|
||||
value={this.props.sort}
|
||||
options={sort_options}
|
||||
selected_icon={this.props.sort_reverse ? 'caret-up' : 'caret-down'}
|
||||
selected_icon={this.props.sort_reverse ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
|
||||
handleChange={val => {this.setSort(val); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="eye"
|
||||
icon="visibility"
|
||||
name="View"
|
||||
value={this.props.view}
|
||||
options={view_options}
|
||||
handleChange={val => {this.props.uiActions.set({ library_albums_view: val }); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="database"
|
||||
icon="cloud"
|
||||
name="Source"
|
||||
value={this.props.source}
|
||||
options={source_options}
|
||||
|
||||
@ -221,20 +221,20 @@ class LibraryArtists extends React.Component{
|
||||
<DropdownField
|
||||
icon="sort"
|
||||
name="Sort"
|
||||
value={ this.props.sort }
|
||||
value={this.props.sort}
|
||||
options={sort_options}
|
||||
selected_icon={this.props.sort_reverse ? 'caret-up' : 'caret-down'}
|
||||
selected_icon={this.props.sort_reverse ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
|
||||
handleChange={value => {this.setSort(value); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="eye"
|
||||
icon="visibility"
|
||||
name="View"
|
||||
value={ this.props.view }
|
||||
value={this.props.view}
|
||||
options={view_options}
|
||||
handleChange={value => {this.props.uiActions.set({ library_artists_view: value }); this.props.uiActions.hideContextMenu()}}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="database"
|
||||
icon="cloud"
|
||||
name="Source"
|
||||
value={this.props.source}
|
||||
options={source_options}
|
||||
|
||||
@ -110,11 +110,11 @@ class LibraryBrowse extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
<button className="no-hover" onClick={e => this.playAll(e)}>
|
||||
<FontAwesome name="play" />
|
||||
<Icon name="play_circle_filled" />
|
||||
Play all
|
||||
</button>
|
||||
<button className="no-hover" onClick={e => this.goBack(e)}>
|
||||
<FontAwesome name="reply" />
|
||||
<Icon name="keyboard_backspace" />
|
||||
Back
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -243,25 +243,25 @@ class LibraryPlaylists extends React.Component{
|
||||
name="Sort"
|
||||
value={this.props.sort}
|
||||
options={sort_options}
|
||||
selected_icon={this.props.sort_reverse ? 'caret-up' : 'caret-down'}
|
||||
selected_icon={this.props.sort_reverse ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
|
||||
handleChange={value => {this.setSort(value); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="eye"
|
||||
icon="visibility"
|
||||
name="View"
|
||||
value={this.props.view}
|
||||
options={view_options}
|
||||
handleChange={value => {this.props.uiActions.set({ library_playlists_view: value}); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="database"
|
||||
icon="cloud"
|
||||
name="Source"
|
||||
value={this.props.source}
|
||||
options={source_options}
|
||||
handleChange={value => {this.props.uiActions.set({ library_playlists_source: value}); this.props.uiActions.hideContextMenu() }}
|
||||
/>
|
||||
<button className="no-hover" onClick={ () => this.props.uiActions.openModal('create_playlist', {} ) }>
|
||||
<FontAwesome name="plus" />
|
||||
<Icon name="add" />
|
||||
New
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -66,7 +66,7 @@ class LibraryTracks extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
<button className="no-hover" onClick={e => this.playAll(e)}>
|
||||
<FontAwesome name="play" />
|
||||
<Icon name="play_circle_filled" />
|
||||
Play all
|
||||
</button>
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user