New: Movie Editor in Movie Index (#3606)

* Fixed: Movie Editor in Movie Index

* Fixed: CSS Style Issues

* Fixed: Ensure only items shown are selected

* Fixed: Cleanup and Rename from Editor

frontend/src/Movie/Index/Overview/MovieIndexOverviews.js

@@ -169,7 +169,10 @@ class MovieIndexOverviews extends Component {
       shortDateFormat,
       longDateFormat,
       timeFormat,
-      isSmallScreen
+      isSmallScreen,
+      selectedState,
+      isMovieEditorActive,
+      onSelectedChange
     } = this.props;
 
     const {
@@ -201,6 +204,9 @@ class MovieIndexOverviews extends Component {
         style={style}
         movieId={movie.id}
         qualityProfileId={movie.qualityProfileId}
+        isSelected={selectedState[movie.id]}
+        onSelectedChange={onSelectedChange}
+        isMovieEditorActive={isMovieEditorActive}
       />
     );
   }
@@ -227,7 +233,8 @@ class MovieIndexOverviews extends Component {
       items,
       scrollTop,
       isSmallScreen,
-      onScroll
+      onScroll,
+      selectedState
     } = this.props;
 
     const {
@@ -257,6 +264,7 @@ class MovieIndexOverviews extends Component {
                 overscanRowCount={2}
                 cellRenderer={this.cellRenderer}
                 onSectionRendered={this.onSectionRendered}
+                selectedState={selectedState}
               />
             );
           }
@@ -282,7 +290,10 @@ MovieIndexOverviews.propTypes = {
   isSmallScreen: PropTypes.bool.isRequired,
   timeFormat: PropTypes.string.isRequired,
   onRender: PropTypes.func.isRequired,
-  onScroll: PropTypes.func.isRequired
+  onScroll: PropTypes.func.isRequired,
+  selectedState: PropTypes.object.isRequired,
+  onSelectedChange: PropTypes.func.isRequired,
+  isMovieEditorActive: PropTypes.bool.isRequired
 };
 
 export default MovieIndexOverviews;