New: Search by Tag

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

@@ -1,16 +1,80 @@
-import _ from 'lodash';
 import { connect } from 'react-redux';
 import { push } from 'react-router-redux';
 import { createSelector } from 'reselect';
+import jdu from 'jdu';
 import createAllArtistSelector from 'Store/Selectors/createAllArtistSelector';
+import createTagsSelector from 'Store/Selectors/createTagsSelector';
 import ArtistSearchInput from './ArtistSearchInput';
 
+function createCleanTagsSelector() {
+  return createSelector(
+    createTagsSelector(),
+    (tags) => {
+      return tags.map((tag) => {
+        const {
+          id,
+          label
+        } = tag;
+
+        return {
+          id,
+          label,
+          cleanLabel: jdu.replace(label).toLowerCase()
+        };
+      });
+    }
+  );
+}
+
+function createCleanArtistSelector() {
+  return createSelector(
+    createAllArtistSelector(),
+    createCleanTagsSelector(),
+    (allArtists, allTags) => {
+      return allArtists.map((artist) => {
+        const {
+          artistName,
+          sortName,
+          images,
+          // alternateTitles,
+          tags
+        } = artist;
+
+        return {
+          artistName,
+          sortName,
+          images,
+          cleanName: jdu.replace(artistName).toLowerCase(),
+          // alternateTitles: alternateTitles.map((alternateTitle) => {
+          //   return {
+          //     title: alternateTitle.title,
+          //     cleanTitle: jdu.replace(alternateTitle.title).toLowerCase()
+          //   };
+          // }),
+          tags: tags.map((id) => {
+            return allTags.find((tag) => tag.id === id);
+          })
+        };
+      }).sort((a, b) => {
+        if (a.cleanName < b.cleanName) {
+          return -1;
+        }
+        if (a.cleanName > b.cleanName) {
+          return 1;
+        }
+
+        return 0;
+      });
+    }
+  );
+}
+
 function createMapStateToProps() {
   return createSelector(
-    createAllArtistSelector(),
+    createCleanArtistSelector(),
     (artist) => {
       return {
-        artist: _.sortBy(artist, 'sortName')
+        artist
       };
     }
   );