Committing to Material icons
This commit is contained in:
@ -50,7 +50,7 @@ class Debug extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
<button className="no-hover" onClick={e => hashHistory.push(global.baseURL+'settings')}>
|
||||
<FontAwesome name="reply" />
|
||||
<Icon name="keyboard_backspace" />
|
||||
Back
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -141,20 +141,20 @@ class Queue extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
{this.props.spotify_enabled ? <button className="no-hover" onClick={e => this.props.uiActions.openModal('edit_radio')}>
|
||||
<Icon name="broadcast" />
|
||||
<Icon name="radio" />
|
||||
Radio
|
||||
{this.props.radio && this.props.radio.enabled ? <span className="flag blue">On</span> : null}
|
||||
</button> : null}
|
||||
<button className="no-hover" onClick={e => hashHistory.push(global.baseURL+'queue/history')}>
|
||||
<FontAwesome name="history" />
|
||||
<Icon name="history" />
|
||||
History
|
||||
</button>
|
||||
<button className="no-hover" onClick={e => {this.props.mopidyActions.clearTracklist(); this.props.uiActions.hideContextMenu();}}>
|
||||
<FontAwesome name="trash" />
|
||||
<Icon name="delete_sweep" />
|
||||
Clear
|
||||
</button>
|
||||
<button className="no-hover" onClick={e => this.props.uiActions.openModal('add_to_queue', {})}>
|
||||
<FontAwesome name="plus" />
|
||||
<Icon name="playlist_add" />
|
||||
Add URI
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -40,7 +40,7 @@ class QueueHistory extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
<button className="no-hover" onClick={e => hashHistory.push(global.baseURL+'queue')}>
|
||||
<FontAwesome name="reply" />
|
||||
<Icon name="keyboard_backspace" />
|
||||
Back
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -340,7 +340,7 @@ class Search extends React.Component{
|
||||
var options = (
|
||||
<span>
|
||||
<DropdownField
|
||||
icon="sort"
|
||||
icon="filter_list"
|
||||
name="Sort"
|
||||
value={this.props.sort}
|
||||
options={sort_options}
|
||||
@ -348,7 +348,7 @@ class Search extends React.Component{
|
||||
handleChange={value => {this.setSort(value); this.props.uiActions.hideContextMenu()}}
|
||||
/>
|
||||
<DropdownField
|
||||
icon="database"
|
||||
icon="cloud"
|
||||
name="Sources"
|
||||
value={this.props.search_uri_schemes}
|
||||
options={provider_options}
|
||||
|
||||
@ -132,12 +132,12 @@ class Settings extends React.Component {
|
||||
var options = (
|
||||
<span>
|
||||
<button className="no-hover" onClick={e => hashHistory.push(global.baseURL+'settings/debug')}>
|
||||
<FontAwesome name="flask" />
|
||||
<Icon name="code" />
|
||||
Debug
|
||||
{this.props.ui && this.props.ui.test_mode ? <span className="flag warning">Test mode</span> : null}
|
||||
</button>
|
||||
<a className="no-hover button" href="https://github.com/jaedb/Iris/wiki" target="_blank">
|
||||
<FontAwesome name="question" />
|
||||
<Icon name="help" />
|
||||
Help
|
||||
</a>
|
||||
</span>
|
||||
|
||||
@ -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