You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Readarr/frontend/src/Author/Details/AuthorDetailsSeriesConnecto...

121 lines
3.5 KiB

/* eslint max-params: 0 */
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import { toggleBooksMonitored } from 'Store/Actions/bookActions';
import { executeCommand } from 'Store/Actions/commandActions';
import { setSeriesSort, setSeriesTableOption } from 'Store/Actions/seriesActions';
import createAuthorSelector from 'Store/Selectors/createAuthorSelector';
import createCommandsSelector from 'Store/Selectors/createCommandsSelector';
import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
import createUISettingsSelector from 'Store/Selectors/createUISettingsSelector';
import AuthorDetailsSeries from './AuthorDetailsSeries';
function createMapStateToProps() {
return createSelector(
(state, { seriesId }) => seriesId,
(state) => state.books,
createAuthorSelector(),
(state) => state.series,
createCommandsSelector(),
createDimensionsSelector(),
createUISettingsSelector(),
(seriesId, books, author, series, commands, dimensions, uiSettings) => {
const currentSeries = _.find(series.items, { id: seriesId });
const bookIds = currentSeries.links.map((x) => x.bookId);
const positionMap = currentSeries.links.reduce((acc, curr) => {
acc[curr.bookId] = curr.position;
return acc;
}, {});
const booksInSeries = _.filter(books.items, (book) => bookIds.includes(book.id));
let sortDir = 'asc';
if (series.sortDirection === 'descending') {
sortDir = 'desc';
}
let sortedBooks = [];
if (series.sortKey === 'position') {
sortedBooks = booksInSeries.sort((a, b) => {
const apos = positionMap[a.id] || '';
const bpos = positionMap[b.id] || '';
return apos.localeCompare(bpos, undefined, { numeric: true, sensivity: 'base' });
});
} else {
sortedBooks = _.orderBy(booksInSeries, series.sortKey, sortDir);
}
return {
id: currentSeries.id,
label: currentSeries.title,
items: sortedBooks,
positionMap,
columns: series.columns,
sortKey: series.sortKey,
sortDirection: series.sortDirection,
authorMonitored: author.monitored,
isSmallScreen: dimensions.isSmallScreen,
uiSettings
};
}
);
}
const mapDispatchToProps = {
toggleBooksMonitored,
setSeriesTableOption,
dispatchSetSeriesSort: setSeriesSort,
executeCommand
};
class AuthorDetailsSeasonConnector extends Component {
//
// Listeners
onTableOptionChange = (payload) => {
this.props.setSeriesTableOption(payload);
};
onSortPress = (sortKey) => {
this.props.dispatchSetSeriesSort({ sortKey });
};
onMonitorBookPress = (bookIds, monitored) => {
this.props.toggleBooksMonitored({
bookIds,
monitored
});
};
//
// Render
render() {
return (
<AuthorDetailsSeries
{...this.props}
onSortPress={this.onSortPress}
onTableOptionChange={this.onTableOptionChange}
onMonitorBookPress={this.onMonitorBookPress}
/>
);
}
}
AuthorDetailsSeasonConnector.propTypes = {
authorId: PropTypes.number.isRequired,
toggleBooksMonitored: PropTypes.func.isRequired,
setSeriesTableOption: PropTypes.func.isRequired,
dispatchSetSeriesSort: PropTypes.func.isRequired,
executeCommand: PropTypes.func.isRequired
};
export default connect(createMapStateToProps, mapDispatchToProps)(AuthorDetailsSeasonConnector);