Fixed: Movie Details Tab (#3564)

* History Added

* History Cleanup

* History Mark Failed Fix

* History Lint Fix

* Search Tab Initial

* Interactive Search Cleanup

* Files Tab + Small Backend change to MovieFile api

* Reverse Movie History Items

* Grabbed files are not grabbable again.

* Partial movie title outline + Search not updating fix

* Lint Fix + InteractiveSearch refactor

* Rename movieLanguage.js to MovieLanguage.js

* Fixes for qstick's comments

* Rename language selector to allow for const languages

* Qstick comment changes.

* Activity Tabs - Language Column fixed

* Movie Details - MoveStatusLabel fixed

* Spaces + Lower Case added

* fixed DownloadAllowed

* Added padding to history and file tables

* Fix class =>  className

* Updated search to not refresh unless switching movie

* lint fix

* File Tab Converted to Inline Editting

* FIles tab fix + Alt Titles tab implemented

* lint fix

* Cleanup via qstick request

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContentConnector.js

@@ -128,7 +128,7 @@ class InteractiveImportModalContentConnector extends Component {
           folderName: item.folderName,
           movieId: movie.id,
           quality,
-          language,
+          languages: [language],
           downloadId: this.props.downloadId
         });
       }

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css

@@ -7,8 +7,6 @@
 .quality,
 .language {
   composes: cell from '~Components/Table/Cells/TableRowCell.css';
-
-  text-align: center;
 }
 
 .label {

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 MovieQuality from 'Movie/MovieQuality';
-// import MovieLanguage from 'Movie/MovieLanguage';
+import MovieLanguage from 'Movie/MovieLanguage';
 import SelectMovieModal from 'InteractiveImport/Movie/SelectMovieModal';
 import SelectQualityModal from 'InteractiveImport/Quality/SelectQualityModal';
 import SelectLanguageModal from 'InteractiveImport/Language/SelectLanguageModal';
@@ -152,7 +152,8 @@ class InteractiveImportRow extends Component {
     const showMoviePlaceholder = isSelected && !movie;
     const showQualityPlaceholder = isSelected && !quality;
     const showLanguagePlaceholder = isSelected && !language;
-
+    // TODO - Placeholder till we implement selection of multiple languages
+    const languages = [language];
     return (
       <TableRow>
         <TableSelectCell
@@ -207,13 +208,13 @@ class InteractiveImportRow extends Component {
               <InteractiveImportRowCellPlaceholder />
           }
 
-          {/* {
+          {
             !showLanguagePlaceholder && !!language &&
               <MovieLanguage
                 className={styles.label}
-                language={language}
+                languages={languages}
               />
-          } */}
+          }
         </TableRowCellButton>
 
         <TableRowCell>