95 lines
2.6 KiB
JavaScript
Executable File
95 lines
2.6 KiB
JavaScript
Executable File
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { bindActionCreators } from 'redux';
|
|
import TrackList from '../components/TrackList';
|
|
import Header from '../components/Header';
|
|
import Icon from '../components/Icon';
|
|
import * as uiActions from '../services/ui/actions';
|
|
import * as pusherActions from '../services/pusher/actions';
|
|
import * as spotifyActions from '../services/spotify/actions';
|
|
import * as mopidyActions from '../services/mopidy/actions';
|
|
import { i18n, I18n } from '../locale';
|
|
import Button from '../components/Button';
|
|
import { queueHistorySelector } from '../util/selectors';
|
|
|
|
class QueueHistory extends React.Component {
|
|
componentDidMount() {
|
|
const { uiActions: { setWindowTitle } } = this.props;
|
|
setWindowTitle(i18n('queue_history.title'));
|
|
this.loadHistory();
|
|
}
|
|
|
|
loadHistory = () => {
|
|
const {
|
|
mopidyActions: {
|
|
getQueueHistory,
|
|
},
|
|
} = this.props;
|
|
|
|
getQueueHistory();
|
|
}
|
|
|
|
onBack = () => {
|
|
const { history: { push } } = this.props;
|
|
push('/queue');
|
|
}
|
|
|
|
render = () => {
|
|
const {
|
|
tracks,
|
|
uiActions,
|
|
} = this.props;
|
|
|
|
const options = (
|
|
<Button
|
|
onClick={this.onBack}
|
|
noHover
|
|
tracking={{ category: 'QueueHistory', action: 'Back' }}
|
|
>
|
|
<I18n path="actions.back">
|
|
<Icon name="keyboard_backspace" />
|
|
{' '}
|
|
</I18n>
|
|
</Button>
|
|
);
|
|
|
|
return (
|
|
<div className="view queue-history-view">
|
|
<Header options={options} uiActions={uiActions}>
|
|
<I18n path="queue_history.title">
|
|
<Icon name="play_arrow" type="material" />
|
|
</I18n>
|
|
</Header>
|
|
{tracks.length > 0 && (
|
|
<section className="content-wrapper">
|
|
<TrackList
|
|
context={{
|
|
uri: 'iris:queue-history',
|
|
name: 'Queue history',
|
|
type: 'track',
|
|
context: 'history',
|
|
}}
|
|
className="queue-history-track-list"
|
|
tracks={tracks}
|
|
show_source_icon
|
|
/>
|
|
</section>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
const mapStateToProps = (state) => ({
|
|
tracks: queueHistorySelector(state),
|
|
});
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
uiActions: bindActionCreators(uiActions, dispatch),
|
|
pusherActions: bindActionCreators(pusherActions, dispatch),
|
|
spotifyActions: bindActionCreators(spotifyActions, dispatch),
|
|
mopidyActions: bindActionCreators(mopidyActions, dispatch),
|
|
});
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(QueueHistory);
|