Fixed: Use Manage Episodes instead of Manual Import for title when managing episodes for a series

frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.js

@@ -96,6 +96,7 @@ class SelectEpisodeModalContent extends Component {
       isAnime,
       sortKey,
       sortDirection,
+      modalTitle,
       onSortPress,
       onModalClose
     } = this.props;
@@ -121,7 +122,7 @@ class SelectEpisodeModalContent extends Component {
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
           <div className={styles.header}>
-            Manual Import - Select Episode(s)
+            {modalTitle} - Select Episode(s)
           </div>
 
         </ModalHeader>
@@ -235,6 +236,7 @@ SelectEpisodeModalContent.propTypes = {
   isAnime: PropTypes.bool.isRequired,
   sortKey: PropTypes.string,
   sortDirection: PropTypes.string,
+  modalTitle: PropTypes.string,
   onSortPress: PropTypes.func.isRequired,
   onEpisodesSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired

frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.js

@@ -67,6 +67,7 @@ class InteractiveImportSelectFolderModalContent extends Component {
     const {
       recentFolders,
       onRemoveRecentFolderPress,
+      modalTitle,
       onModalClose
     } = this.props;
 
@@ -75,7 +76,7 @@ class InteractiveImportSelectFolderModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - Select Folder
+          {modalTitle} - Select Folder
         </ModalHeader>
 
         <ModalBody>
@@ -159,6 +160,7 @@ class InteractiveImportSelectFolderModalContent extends Component {
 
 InteractiveImportSelectFolderModalContent.propTypes = {
   recentFolders: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onQuickImportPress: PropTypes.func.isRequired,
   onInteractiveImportPress: PropTypes.func.isRequired,
   onRemoveRecentFolderPress: PropTypes.func.isRequired,

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js

@@ -250,6 +250,7 @@ class InteractiveImportModalContent extends Component {
       importMode,
       interactiveImportErrorMessage,
       isDeleting,
+      modalTitle,
       onSortPress,
       onModalClose
     } = this.props;
@@ -299,7 +300,7 @@ class InteractiveImportModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - {title || folder}
+          {modalTitle} - {title || folder}
         </ModalHeader>
 
         <ModalBody scrollDirection={scrollDirections.BOTH}>
@@ -375,6 +376,7 @@ class InteractiveImportModalContent extends Component {
                           allowSeriesChange={allowSeriesChange}
                           autoSelectRow={autoSelectRow}
                           columns={this.state.columns}
+                          modalTitle={modalTitle}
                           onSelectedChange={this.onSelectedChange}
                           onValidRowChange={this.onValidRowChange}
                         />
@@ -452,6 +454,7 @@ class InteractiveImportModalContent extends Component {
         <SelectSeriesModal
           isOpen={selectModalOpen === SERIES}
           ids={selectedIds}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -459,6 +462,7 @@ class InteractiveImportModalContent extends Component {
           isOpen={selectModalOpen === SEASON}
           ids={selectedIds}
           seriesId={selectedItem && selectedItem.series && selectedItem.series.id}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -467,6 +471,7 @@ class InteractiveImportModalContent extends Component {
           ids={orderedSelectedIds}
           seriesId={selectedItem && selectedItem.series && selectedItem.series.id}
           seasonNumber={selectedItem && selectedItem.seasonNumber}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -474,6 +479,7 @@ class InteractiveImportModalContent extends Component {
           isOpen={selectModalOpen === RELEASE_GROUP}
           ids={selectedIds}
           releaseGroup=""
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -481,6 +487,7 @@ class InteractiveImportModalContent extends Component {
           isOpen={selectModalOpen === LANGUAGE}
           ids={selectedIds}
           languageId={0}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -490,6 +497,7 @@ class InteractiveImportModalContent extends Component {
           qualityId={0}
           proper={false}
           real={false}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectModalClose}
         />
 
@@ -528,6 +536,7 @@ InteractiveImportModalContent.propTypes = {
   interactiveImportErrorMessage: PropTypes.string,
   isDeleting: PropTypes.bool.isRequired,
   deleteError: PropTypes.object,
+  modalTitle: PropTypes.string.isRequired,
   onSortPress: PropTypes.func.isRequired,
   onFilterExistingFilesChange: PropTypes.func.isRequired,
   onImportModeChange: PropTypes.func.isRequired,

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js

@@ -215,7 +215,8 @@ class InteractiveImportRow extends Component {
       size,
       rejections,
       isReprocessing,
-      isSelected
+      isSelected,
+      modalTitle
     } = this.props;
 
     const {
@@ -396,6 +397,7 @@ class InteractiveImportRow extends Component {
         <SelectSeriesModal
           isOpen={isSelectSeriesModalOpen}
           ids={[id]}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectSeriesModalClose}
         />
 
@@ -403,6 +405,7 @@ class InteractiveImportRow extends Component {
           isOpen={isSelectSeasonModalOpen}
           ids={[id]}
           seriesId={series && series.id}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectSeasonModalClose}
         />
 
@@ -413,6 +416,7 @@ class InteractiveImportRow extends Component {
           isAnime={isAnime}
           seasonNumber={seasonNumber}
           relativePath={relativePath}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectEpisodeModalClose}
         />
 
@@ -420,6 +424,7 @@ class InteractiveImportRow extends Component {
           isOpen={isSelectReleaseGroupModalOpen}
           ids={[id]}
           releaseGroup={releaseGroup ?? ''}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectReleaseGroupModalClose}
         />
 
@@ -429,6 +434,7 @@ class InteractiveImportRow extends Component {
           qualityId={quality ? quality.quality.id : 0}
           proper={quality ? quality.revision.version > 1 : false}
           real={quality ? quality.revision.real > 0 : false}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectQualityModalClose}
         />
 
@@ -436,6 +442,7 @@ class InteractiveImportRow extends Component {
           isOpen={isSelectLanguageModalOpen}
           ids={[id]}
           languageId={language ? language.id : 0}
+          modalTitle={modalTitle}
           onModalClose={this.onSelectLanguageModalClose}
         />
       </TableRow>
@@ -460,6 +467,7 @@ InteractiveImportRow.propTypes = {
   episodeFileId: PropTypes.number,
   isReprocessing: PropTypes.bool,
   isSelected: PropTypes.bool,
+  modalTitle: PropTypes.string.isRequired,
   onSelectedChange: PropTypes.func.isRequired,
   onValidRowChange: PropTypes.func.isRequired
 };

frontend/src/InteractiveImport/InteractiveImportModal.js

@@ -75,7 +75,12 @@ InteractiveImportModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   folder: PropTypes.string,
   downloadId: PropTypes.string,
+  modalTitle: PropTypes.string.isRequired,
   onModalClose: PropTypes.func.isRequired
 };
 
+InteractiveImportModal.defaultProps = {
+  modalTitle: 'Manual Import'
+};
+
 export default InteractiveImportModal;

frontend/src/InteractiveImport/Language/SelectLanguageModalContent.js

@@ -19,6 +19,7 @@ function SelectLanguageModalContent(props) {
     isPopulated,
     error,
     items,
+    modalTitle,
     onModalClose,
     onLanguageSelect
   } = props;
@@ -33,7 +34,7 @@ function SelectLanguageModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        Manual Import - Select Language
+        {modalTitle} - Select Language
       </ModalHeader>
 
       <ModalBody>
@@ -80,6 +81,7 @@ SelectLanguageModalContent.propTypes = {
   isPopulated: PropTypes.bool.isRequired,
   error: PropTypes.object,
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onLanguageSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired
 };

frontend/src/InteractiveImport/Quality/SelectQualityModalContent.js

@@ -61,6 +61,7 @@ class SelectQualityModalContent extends Component {
       isPopulated,
       error,
       items,
+      modalTitle,
       onModalClose
     } = this.props;
 
@@ -80,7 +81,7 @@ class SelectQualityModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - Select Quality
+          {modalTitle} - Select Quality
         </ModalHeader>
 
         <ModalBody>
@@ -159,6 +160,7 @@ SelectQualityModalContent.propTypes = {
   isPopulated: PropTypes.bool.isRequired,
   error: PropTypes.object,
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onQualitySelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired
 };

frontend/src/InteractiveImport/ReleaseGroup/SelectReleaseGroupModalContent.js

@@ -45,6 +45,7 @@ class SelectReleaseGroupModalContent extends Component {
 
   render() {
     const {
+      modalTitle,
       onModalClose
     } = this.props;
 
@@ -55,7 +56,7 @@ class SelectReleaseGroupModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - Set Release Group
+          {modalTitle} - Set Release Group
         </ModalHeader>
 
         <ModalBody
@@ -96,6 +97,7 @@ class SelectReleaseGroupModalContent extends Component {
 
 SelectReleaseGroupModalContent.propTypes = {
   releaseGroup: PropTypes.string.isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onReleaseGroupSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired
 };

frontend/src/InteractiveImport/Season/SelectSeasonModalContent.js

@@ -15,6 +15,7 @@ class SelectSeasonModalContent extends Component {
   render() {
     const {
       items,
+      modalTitle,
       onSeasonSelect,
       onModalClose
     } = this.props;
@@ -22,7 +23,7 @@ class SelectSeasonModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - Select Season
+          {modalTitle} - Select Season
         </ModalHeader>
 
         <ModalBody>
@@ -51,6 +52,7 @@ class SelectSeasonModalContent extends Component {
 
 SelectSeasonModalContent.propTypes = {
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onSeasonSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired
 };

frontend/src/InteractiveImport/Series/SelectSeriesModalContent.js

@@ -37,6 +37,7 @@ class SelectSeriesModalContent extends Component {
   render() {
     const {
       items,
+      modalTitle,
       onSeriesSelect,
       onModalClose
     } = this.props;
@@ -47,7 +48,7 @@ class SelectSeriesModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          Manual Import - Select Series
+          {modalTitle} - Select Series
         </ModalHeader>
 
         <ModalBody
@@ -96,6 +97,7 @@ class SelectSeriesModalContent extends Component {
 
 SelectSeriesModalContent.propTypes = {
   items: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modalTitle: PropTypes.string.isRequired,
   onSeriesSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired
 };

frontend/src/Series/Details/SeriesDetails.js

@@ -650,6 +650,7 @@ class SeriesDetails extends Component {
             autoSelectRow={false}
             showDelete={true}
             showImportMode={false}
+            modalTitle={'Manage Episodes'}
             onModalClose={this.onManageEpisodesModalClose}
           />