Material icons
This commit is contained in:
@ -13,6 +13,7 @@ import ArtistSentence from '../../components/ArtistSentence'
|
||||
import DropdownField from '../../components/Fields/DropdownField'
|
||||
import FilterField from '../../components/Fields/FilterField'
|
||||
import LazyLoadListener from '../../components/LazyLoadListener'
|
||||
import Icon from '../../components/Icon'
|
||||
|
||||
import * as helpers from '../../helpers'
|
||||
import * as coreActions from '../../services/core/actions'
|
||||
@ -276,7 +277,10 @@ class LibraryAlbums extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-albums-view">
|
||||
<Header icon="cd" title="My albums" options={options} uiActions={this.props.uiActions} />
|
||||
<Header options={options} uiActions={this.props.uiActions}>
|
||||
<Icon name="album" type="material" />
|
||||
My albums
|
||||
</Header>
|
||||
{this.renderView()}
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -10,6 +10,7 @@ import List from '../../components/List'
|
||||
import DropdownField from '../../components/Fields/DropdownField'
|
||||
import FilterField from '../../components/Fields/FilterField'
|
||||
import LazyLoadListener from '../../components/LazyLoadListener'
|
||||
import Icon from '../../components/Icon'
|
||||
|
||||
import * as helpers from '../../helpers'
|
||||
import * as uiActions from '../../services/ui/actions'
|
||||
@ -244,7 +245,10 @@ class LibraryArtists extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-artists-view">
|
||||
<Header icon="mic" title="My artists" options={options} uiActions={this.props.uiActions} />
|
||||
<Header options={options} uiActions={this.props.uiActions}>
|
||||
<Icon name="recent_actors" type="material" />
|
||||
My artists
|
||||
</Header>
|
||||
{this.renderView()}
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -9,6 +9,7 @@ import Header from '../../components/Header'
|
||||
import List from '../../components/List'
|
||||
import TrackList from '../../components/TrackList'
|
||||
import GridItem from '../../components/GridItem'
|
||||
import Icon from '../../components/Icon'
|
||||
|
||||
import * as helpers from '../../helpers'
|
||||
import * as uiActions from '../../services/ui/actions'
|
||||
@ -121,7 +122,10 @@ class LibraryBrowse extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-local-view">
|
||||
<Header icon="music" title={title} options={options} uiActions={this.props.uiActions} />
|
||||
<Header options={options} uiActions={this.props.uiActions}>
|
||||
<Icon name="folder" type="material" />
|
||||
{title}
|
||||
</Header>
|
||||
<section className="content-wrapper">
|
||||
<List
|
||||
nocontext
|
||||
@ -199,7 +203,10 @@ class LibraryBrowse extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-local-view">
|
||||
<Header icon="folder" title="Browse" />
|
||||
<Header>
|
||||
<Icon name="folder" type="material" />
|
||||
Browse
|
||||
</Header>
|
||||
<section className="content-wrapper">
|
||||
<div className="grid category-grid">
|
||||
{
|
||||
|
||||
@ -11,6 +11,7 @@ import DropdownField from '../../components/Fields/DropdownField'
|
||||
import Header from '../../components/Header'
|
||||
import FilterField from '../../components/Fields/FilterField'
|
||||
import LazyLoadListener from '../../components/LazyLoadListener'
|
||||
import Icon from '../../components/Icon'
|
||||
|
||||
import * as helpers from '../../helpers'
|
||||
import * as coreActions from '../../services/core/actions'
|
||||
@ -268,7 +269,10 @@ class LibraryPlaylists extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-playlists-view">
|
||||
<Header icon="playlist" title="My playlists" options={options} uiActions={this.props.uiActions} />
|
||||
<Header options={options} uiActions={this.props.uiActions}>
|
||||
<Icon name="queue_music" type="material" />
|
||||
My playlists
|
||||
</Header>
|
||||
{ this.renderView() }
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -8,6 +8,7 @@ import FontAwesome from 'react-fontawesome'
|
||||
import TrackList from '../../components/TrackList'
|
||||
import Header from '../../components/Header'
|
||||
import LazyLoadListener from '../../components/LazyLoadListener'
|
||||
import Icon from '../../components/Icon'
|
||||
|
||||
import * as helpers from '../../helpers'
|
||||
import * as mopidyActions from '../../services/mopidy/actions'
|
||||
@ -73,7 +74,10 @@ class LibraryTracks extends React.Component{
|
||||
|
||||
return (
|
||||
<div className="view library-tracks-view">
|
||||
<Header icon="music" title="My tracks" options={options} uiActions={this.props.uiActions} />
|
||||
<Header options={options} uiActions={this.props.uiActions}>
|
||||
<Icon name="music_note" type="material" />
|
||||
My tracks
|
||||
</Header>
|
||||
<section className="content-wrapper">
|
||||
<TrackList tracks={tracks} />
|
||||
<LazyLoadListener loading={this.props.library_tracks_more} loadMore={() => this.loadMore()}/>
|
||||
|
||||
Reference in New Issue
Block a user