|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import { connect } from 'react-redux';
|
|
|
|
import { createSelector } from 'reselect';
|
|
|
|
import PageSidebarStatus from 'Components/Page/Sidebar/PageSidebarStatus';
|
|
|
|
import { fetchQueueStatus } from 'Store/Actions/queueActions';
|
|
|
|
|
|
|
|
function createMapStateToProps() {
|
|
|
|
return createSelector(
|
|
|
|
(state) => state.app,
|
|
|
|
(state) => state.queue.status,
|
|
|
|
(state) => state.queue.options.includeUnknownArtistItems,
|
|
|
|
(app, status, includeUnknownArtistItems) => {
|
|
|
|
const {
|
|
|
|
errors,
|
|
|
|
warnings,
|
|
|
|
unknownErrors,
|
|
|
|
unknownWarnings,
|
|
|
|
count,
|
|
|
|
totalCount
|
|
|
|
} = status.item;
|
|
|
|
|
|
|
|
return {
|
|
|
|
isConnected: app.isConnected,
|
|
|
|
isReconnecting: app.isReconnecting,
|
|
|
|
isPopulated: status.isPopulated,
|
|
|
|
...status.item,
|
|
|
|
count: includeUnknownArtistItems ? totalCount : count,
|
|
|
|
errors: includeUnknownArtistItems ? errors || unknownErrors : errors,
|
|
|
|
warnings: includeUnknownArtistItems ? warnings || unknownWarnings : warnings
|
|
|
|
};
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
const mapDispatchToProps = {
|
|
|
|
fetchQueueStatus
|
|
|
|
};
|
|
|
|
|
|
|
|
class QueueStatusConnector extends Component {
|
|
|
|
|
|
|
|
//
|
|
|
|
// Lifecycle
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
if (!this.props.isPopulated) {
|
|
|
|
this.props.fetchQueueStatus();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidUpdate(prevProps) {
|
|
|
|
if (this.props.isConnected && prevProps.isReconnecting) {
|
|
|
|
this.props.fetchQueueStatus();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//
|
|
|
|
// Render
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<PageSidebarStatus
|
|
|
|
{...this.props}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
QueueStatusConnector.propTypes = {
|
|
|
|
isConnected: PropTypes.bool.isRequired,
|
|
|
|
isReconnecting: PropTypes.bool.isRequired,
|
|
|
|
isPopulated: PropTypes.bool.isRequired,
|
|
|
|
fetchQueueStatus: PropTypes.func.isRequired
|
|
|
|
};
|
|
|
|
|
|
|
|
export default connect(createMapStateToProps, mapDispatchToProps)(QueueStatusConnector);
|