Fixed: Prevent frontend errors when many books added to Readarr

frontend/src/Book/Edit/EditBookModalContentConnector.js

@@ -4,6 +4,7 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { saveBook, setBookValue } from 'Store/Actions/bookActions';
+import { clearEditions, fetchEditions } from 'Store/Actions/editionActions';
 import createAuthorSelector from 'Store/Selectors/createAuthorSelector';
 import createBookSelector from 'Store/Selectors/createBookSelector';
 import selectSettings from 'Store/Selectors/selectSettings';
@@ -12,15 +13,25 @@ import EditBookModalContent from './EditBookModalContent';
 function createMapStateToProps() {
   return createSelector(
     (state) => state.books,
+    (state) => state.editions,
     createBookSelector(),
     createAuthorSelector(),
-    (bookState, book, author) => {
+    (bookState, editionState, book, author) => {
       const {
         isSaving,
         saveError,
         pendingChanges
       } = bookState;
 
+      const {
+        isFetching,
+        isPopulated,
+        error,
+        items
+      } = editionState;
+
+      book.editions = items;
+
       const bookSettings = _.pick(book, [
         'monitored',
         'anyEditionOk',
@@ -34,6 +45,9 @@ function createMapStateToProps() {
         authorName: author.authorName,
         bookType: book.bookType,
         statistics: book.statistics,
+        isFetching,
+        isPopulated,
+        error,
         isSaving,
         saveError,
         item: settings.settings,
@@ -44,6 +58,8 @@ function createMapStateToProps() {
 }
 
 const mapDispatchToProps = {
+  dispatchFetchEditions: fetchEditions,
+  dispatchClearEditions: clearEditions,
   dispatchSetBookValue: setBookValue,
   dispatchSaveBook: saveBook
 };
@@ -53,12 +69,20 @@ class EditBookModalContentConnector extends Component {
   //
   // Lifecycle
 
+  componentDidMount() {
+    this.props.dispatchFetchEditions({ bookId: this.props.bookId });
+  }
+
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.isSaving && !this.props.isSaving && !this.props.saveError) {
       this.props.onModalClose();
     }
   }
 
+  componentWillUnmount() {
+    this.props.dispatchClearEditions();
+  }
+
   //
   // Listeners
 
@@ -90,6 +114,8 @@ EditBookModalContentConnector.propTypes = {
   bookId: PropTypes.number,
   isSaving: PropTypes.bool.isRequired,
   saveError: PropTypes.object,
+  dispatchFetchEditions: PropTypes.func.isRequired,
+  dispatchClearEditions: PropTypes.func.isRequired,
   dispatchSetBookValue: PropTypes.func.isRequired,
   dispatchSaveBook: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired