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

Final components done, dynamic language selector

Browse Source
This commit is contained in:
James Barnsley
2020-07-23 21:07:08 +12:00
parent efed79e801
commit 2a0e088b71
45 changed files with 1186 additions and 645 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,6 +16,7 @@ import { scrollTo } from '../util/helpers';
import * as uiActions from '../services/ui/actions';
import * as coreActions from '../services/core/actions';
import * as mopidyActions from '../services/mopidy/actions';
import { I18n } from '../locale';
class PlaybackControls extends React.Component {
constructor(props) {
@ -119,14 +120,18 @@ class PlaybackControls extends React.Component {
let button = (
<button className="control tooltip" onClick={() => this.props.mopidyActions.setConsume(true)}>
<Icon name="restaurant" type="material" />
<span className="tooltip__content">Consume</span>
<span className="tooltip__content">
<I18n path="playback_controls.consume" />
</span>
</button>
);
if (this.props.consume) {
button = (
<button className="control control--active tooltip" onClick={() => this.props.mopidyActions.setConsume(false)}>
<Icon name="restaurant" type="material" />
<span className="tooltip__content">Consume</span>
<span className="tooltip__content">
<I18n path="playback_controls.consume" />
</span>
</button>
);
}
@ -137,14 +142,18 @@ class PlaybackControls extends React.Component {
let button = (
<button className="control tooltip" onClick={() => this.props.mopidyActions.setRandom(true)}>
<Icon name="shuffle" type="material" />
<span className="tooltip__content">Shuffle</span>
<span className="tooltip__content">
<I18n path="playback_controls.shuffle" />
</span>
</button>
);
if (this.props.random) {
button = (
<button className="control control--active tooltip" onClick={() => this.props.mopidyActions.setRandom(false)}>
<Icon name="shuffle" type="material" />
<span className="tooltip__content">Shuffle</span>
<span className="tooltip__content">
<I18n path="playback_controls.shuffle" />
</span>
</button>
);
}
@ -155,14 +164,18 @@ class PlaybackControls extends React.Component {
let button = (
<button className="control tooltip" onClick={() => this.props.mopidyActions.setRepeat(true)}>
<Icon name="repeat" />
<span className="tooltip__content">Repeat</span>
<span className="tooltip__content">
<I18n path="playback_controls.repeat" />
</span>
</button>
);
if (this.props.repeat) {
button = (
<button className="control control--active tooltip" onClick={() => this.props.mopidyActions.setRepeat(false)}>
<Icon name="repeat" />
<span className="tooltip__content">Repeat</span>
<span className="tooltip__content">
<I18n path="playback_controls.repeat" />
</span>
</button>
);
}