secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Iconography for player

Browse Source
This commit is contained in:
James Barnsley
2017-07-25 16:33:31 +12:00
parent 7512f03a28
commit d03fe03d7f
9 changed files with 84 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/js/components/PlaybackControls.js
View File

@ -10,6 +10,7 @@ import VolumeControl from './VolumeControl'
import Dater from './Dater'
import ArtistSentence from './ArtistSentence'
import Thumbnail from './Thumbnail'
import Icon from './Icon'
import * as uiActions from '../services/ui/actions'
import * as mopidyActions from '../services/mopidy/actions'
@ -25,9 +26,9 @@ class PlaybackControls extends React.Component{
}
renderPlayButton(){
var button = <a className="control play" onClick={() => this.props.mopidyActions.play()}><FontAwesome name="play" /> </a>
var button = <a className="control play" onClick={() => this.props.mopidyActions.play()}><Icon name="play" /></a>
if( this.props.play_state == 'playing' ){
button = <a className="control play" onClick={() => this.props.mopidyActions.pause()}><FontAwesome name="pause" /> </a>
button = <a className="control play" onClick={() => this.props.mopidyActions.pause()}><Icon name="pause" /></a>
}
return button;
}
@ -84,14 +85,14 @@ class PlaybackControls extends React.Component{
<section className="playback">
<a className="control previous" onClick={() => this.props.mopidyActions.previous()}>
<FontAwesome name="step-backward" />
<Icon name="back" />
</a>
{ this.renderPlayButton() }
<a className="control stop" onClick={() => this.props.mopidyActions.stop()}>
<FontAwesome name="stop" />
<Icon name="stop" />
</a>
<a className="control next" onClick={() => this.props.mopidyActions.next()}>
<FontAwesome name="step-forward" />
<Icon name="skip" />
</a>
</section>