@@ -247,7 +248,8 @@ class AuthorIndexOverview extends Component {
AuthorIndexOverview.propTypes = {
id: PropTypes.number.isRequired,
authorName: PropTypes.string.isRequired,
- overview: PropTypes.string.isRequired,
+ authorNameLastFirst: PropTypes.string.isRequired,
+ overview: PropTypes.string,
monitored: PropTypes.bool.isRequired,
status: PropTypes.string.isRequired,
titleSlug: PropTypes.string.isRequired,
diff --git a/frontend/src/Author/Index/Overview/AuthorIndexOverviews.js b/frontend/src/Author/Index/Overview/AuthorIndexOverviews.js
index 9cfac6096..1f0ced11f 100644
--- a/frontend/src/Author/Index/Overview/AuthorIndexOverviews.js
+++ b/frontend/src/Author/Index/Overview/AuthorIndexOverviews.js
@@ -90,7 +90,8 @@ class AuthorIndexOverviews extends Component {
if (this._grid &&
(prevState.width !== width ||
prevState.rowHeight !== rowHeight ||
- hasDifferentItemsOrOrder(prevProps.items, items))) {
+ hasDifferentItemsOrOrder(prevProps.items, items) ||
+ prevProps.overviewOptions.showTitle !== overviewOptions.showTitle)) {
// recomputeGridSize also forces Grid to discard its cache of rendered cells
this._grid.recomputeGridSize();
}
@@ -101,7 +102,7 @@ class AuthorIndexOverviews extends Component {
}
if (jumpToCharacter != null && jumpToCharacter !== prevProps.jumpToCharacter) {
- const index = getIndexOfFirstCharacter(items, jumpToCharacter);
+ const index = getIndexOfFirstCharacter(items, sortKey, jumpToCharacter);
if (this._grid && index != null) {
diff --git a/frontend/src/Author/Index/Overview/Options/AuthorIndexOverviewOptionsModalContent.js b/frontend/src/Author/Index/Overview/Options/AuthorIndexOverviewOptionsModalContent.js
index f6b2d283e..783f28678 100644
--- a/frontend/src/Author/Index/Overview/Options/AuthorIndexOverviewOptionsModalContent.js
+++ b/frontend/src/Author/Index/Overview/Options/AuthorIndexOverviewOptionsModalContent.js
@@ -13,6 +13,11 @@ import ModalHeader from 'Components/Modal/ModalHeader';
import { inputTypes } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
+const nameOptions = [
+ { key: 'firstLast', value: translate('NameFirstLast') },
+ { key: 'lastFirst', value: translate('NameLastFirst') }
+];
+
const posterSizeOptions = [
{ key: 'small', value: 'Small' },
{ key: 'medium', value: 'Medium' },
@@ -28,6 +33,7 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
super(props, context);
this.state = {
+ showTitle: props.showTitle,
detailedProgressBar: props.detailedProgressBar,
size: props.size,
showMonitored: props.showMonitored,
@@ -43,6 +49,7 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
componentDidUpdate(prevProps) {
const {
+ showTitle,
detailedProgressBar,
size,
showMonitored,
@@ -57,6 +64,10 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
const state = {};
+ if (showTitle !== prevProps.showTitle) {
+ state.showTitle = showTitle;
+ }
+
if (detailedProgressBar !== prevProps.detailedProgressBar) {
state.detailedProgressBar = detailedProgressBar;
}
@@ -122,6 +133,7 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
} = this.props;
const {
+ showTitle,
detailedProgressBar,
size,
showMonitored,
@@ -142,6 +154,20 @@ class AuthorIndexOverviewOptionsModalContent extends Component {