[UI Work] Add Artist, Import Artist, Calendar

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js

@@ -15,7 +15,7 @@ import ModalBody from 'Components/Modal/ModalBody';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
-import SelectSeriesModal from 'InteractiveImport/Series/SelectSeriesModal';
+import SelectArtistModal from 'InteractiveImport/Series/SelectArtistModal';
 import SelectSeasonModal from 'InteractiveImport/Season/SelectSeasonModal';
 import InteractiveImportRow from './InteractiveImportRow';
 import styles from './InteractiveImportModalContent.css';
@@ -78,7 +78,7 @@ class InteractiveImportModalContent extends Component {
       lastToggled: null,
       selectedState: {},
       invalidRowsSelected: [],
-      isSelectSeriesModalOpen: false,
+      isSelectArtistModalOpen: false,
       isSelectSeasonModalOpen: false
     };
   }
@@ -127,16 +127,16 @@ class InteractiveImportModalContent extends Component {
     this.props.onImportModeChange(value);
   }
 
-  onSelectSeriesPress = () => {
-    this.setState({ isSelectSeriesModalOpen: true });
+  onSelectArtistPress = () => {
+    this.setState({ isSelectArtistModalOpen: true });
   }
 
   onSelectSeasonPress = () => {
     this.setState({ isSelectSeasonModalOpen: true });
   }
 
-  onSelectSeriesModalClose = () => {
-    this.setState({ isSelectSeriesModalOpen: false });
+  onSelectArtistModalClose = () => {
+    this.setState({ isSelectArtistModalOpen: false });
   }
 
   onSelectSeasonModalClose = () => {
@@ -168,7 +168,7 @@ class InteractiveImportModalContent extends Component {
       allUnselected,
       selectedState,
       invalidRowsSelected,
-      isSelectSeriesModalOpen,
+      isSelectArtistModalOpen,
       isSelectSeasonModalOpen
     } = this.state;
 
@@ -249,7 +249,7 @@ class InteractiveImportModalContent extends Component {
           }
 
           <div className={downloadId ? styles.leftButtons : styles.centerButtons}>
-            <Button onPress={this.onSelectSeriesPress}>
+            <Button onPress={this.onSelectArtistPress}>
               Select Series
             </Button>
 
@@ -278,10 +278,10 @@ class InteractiveImportModalContent extends Component {
           </div>
         </ModalFooter>
 
-        <SelectSeriesModal
-          isOpen={isSelectSeriesModalOpen}
+        <SelectArtistModal
+          isOpen={isSelectArtistModalOpen}
           ids={selectedIds}
-          onModalClose={this.onSelectSeriesModalClose}
+          onModalClose={this.onSelectArtistModalClose}
         />
 
         <SelectSeasonModal

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js

@@ -9,7 +9,7 @@ import TableRowCellButton from 'Components/Table/Cells/TableRowCellButton';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
 import Popover from 'Components/Tooltip/Popover';
 import EpisodeQuality from 'Episode/EpisodeQuality';
-import SelectSeriesModal from 'InteractiveImport/Series/SelectSeriesModal';
+import SelectArtistModal from 'InteractiveImport/Series/SelectArtistModal';
 import SelectSeasonModal from 'InteractiveImport/Season/SelectSeasonModal';
 import SelectEpisodeModal from 'InteractiveImport/Episode/SelectEpisodeModal';
 import SelectQualityModal from 'InteractiveImport/Quality/SelectQualityModal';
@@ -25,7 +25,7 @@ class InteractiveImportRow extends Component {
     super(props, context);
 
     this.state = {
-      isSelectSeriesModalOpen: false,
+      isSelectArtistModalOpen: false,
       isSelectSeasonModalOpen: false,
       isSelectEpisodeModalOpen: false,
       isSelectQualityModalOpen: false
@@ -87,8 +87,8 @@ class InteractiveImportRow extends Component {
   //
   // Listeners
 
-  onSelectSeriesPress = () => {
-    this.setState({ isSelectSeriesModalOpen: true });
+  onSelectArtistPress = () => {
+    this.setState({ isSelectArtistModalOpen: true });
   }
 
   onSelectSeasonPress = () => {
@@ -103,8 +103,8 @@ class InteractiveImportRow extends Component {
     this.setState({ isSelectQualityModalOpen: true });
   }
 
-  onSelectSeriesModalClose = (changed) => {
-    this.setState({ isSelectSeriesModalOpen: false });
+  onSelectArtistModalClose = (changed) => {
+    this.setState({ isSelectArtistModalOpen: false });
     this.selectRowAfterChange(changed);
   }
 
@@ -141,7 +141,7 @@ class InteractiveImportRow extends Component {
     } = this.props;
 
     const {
-      isSelectSeriesModalOpen,
+      isSelectArtistModalOpen,
       isSelectSeasonModalOpen,
       isSelectEpisodeModalOpen,
       isSelectQualityModalOpen
@@ -171,7 +171,7 @@ class InteractiveImportRow extends Component {
         </TableRowCell>
 
         <TableRowCellButton
-          onPress={this.onSelectSeriesPress}
+          onPress={this.onSelectArtistPress}
         >
           {
             showSeriesPlaceholder ? <InteractiveImportRowCellPlaceholder /> : seriesTitle
@@ -238,10 +238,10 @@ class InteractiveImportRow extends Component {
           }
         </TableRowCell>
 
-        <SelectSeriesModal
-          isOpen={isSelectSeriesModalOpen}
+        <SelectArtistModal
+          isOpen={isSelectArtistModalOpen}
           ids={[id]}
-          onModalClose={this.onSelectSeriesModalClose}
+          onModalClose={this.onSelectArtistModalClose}
         />
 
         <SelectSeasonModal