New: Many UI Updates and Performance Tweaks

frontend/src/Components/Page/Header/MovieSearchInputConnector.js

@@ -1,35 +1,14 @@
 import { connect } from 'react-redux';
-import { push } from 'react-router-redux';
+import { push } from 'connected-react-router';
 import { createSelector } from 'reselect';
-import jdu from 'jdu';
 import createAllMoviesSelector from 'Store/Selectors/createAllMoviesSelector';
 import createTagsSelector from 'Store/Selectors/createTagsSelector';
 import MovieSearchInput from './MovieSearchInput';
 
-function createCleanTagsSelector() {
-  return createSelector(
-    createTagsSelector(),
-    (tags) => {
-      return tags.map((tag) => {
-        const {
-          id,
-          label
-        } = tag;
-
-        return {
-          id,
-          label,
-          cleanLabel: jdu.replace(label).toLowerCase()
-        };
-      });
-    }
-  );
-}
-
 function createCleanMovieSelector() {
   return createSelector(
     createAllMoviesSelector(),
-    createCleanTagsSelector(),
+    createTagsSelector(),
     (allMovies, allTags) => {
       return allMovies.map((movie) => {
         const {
@@ -46,27 +25,11 @@ function createCleanMovieSelector() {
           titleSlug,
           sortTitle,
           images,
-          cleanTitle: jdu.replace(title).toLowerCase(),
-          alternateTitles: alternateTitles.map((alternateTitle) => {
-            return {
-              title: alternateTitle.title,
-              sortTitle: alternateTitle.sortTitle,
-              cleanTitle: jdu.replace(alternateTitle.title).toLowerCase()
-            };
-          }),
+          alternateTitles,
           tags: tags.map((id) => {
             return allTags.find((tag) => tag.id === id);
           })
         };
-      }).sort((a, b) => {
-        if (a.sortTitle < b.sortTitle) {
-          return -1;
-        }
-        if (a.sortTitle > b.sortTitle) {
-          return 1;
-        }
-
-        return 0;
       });
     }
   );
@@ -75,9 +38,9 @@ function createCleanMovieSelector() {
 function createMapStateToProps() {
   return createSelector(
     createCleanMovieSelector(),
-    (movie) => {
+    (movies) => {
       return {
-        movie
+        movies
       };
     }
   );