Material icons

This commit is contained in:
James Barnsley
2018-05-15 21:30:57 +12:00
parent 9d398e53c9
commit c8d0d90d1a
105 changed files with 1351 additions and 946 deletions

View File

@ -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>
);

View File

@ -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>
);

View File

@ -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">
{

View File

@ -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>
)

View File

@ -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()}/>