New: Add List and Discovery Pages (#3803)

frontend/src/Store/Selectors/createAddListMovieSelector.js

@@ -0,0 +1,13 @@
+import { createSelector } from 'reselect';
+
+function createAddListMovieSelector() {
+  return createSelector(
+    (state, { movieId }) => movieId,
+    (state) => state.addMovie,
+    (movieId, allMovies) => {
+      return allMovies.items.find((movie) => movie.tmdbId === movieId);
+    }
+  );
+}
+
+export default createAddListMovieSelector;

frontend/src/Store/Selectors/createAddMovieClientSideCollectionItemsSelector.js

@@ -0,0 +1,36 @@
+import { createSelector } from 'reselect';
+import createDeepEqualSelector from './createDeepEqualSelector';
+import createClientSideCollectionSelector from './createClientSideCollectionSelector';
+
+function createUnoptimizedSelector(uiSection) {
+  return createSelector(
+    createClientSideCollectionSelector('movies', uiSection),
+    (movies) => {
+      const items = movies.items.map((s) => {
+        const {
+          tmdbId,
+          sortTitle
+        } = s;
+
+        return {
+          tmdbId,
+          sortTitle
+        };
+      });
+
+      return {
+        ...movies,
+        items
+      };
+    }
+  );
+}
+
+function createAddMovieClientSideCollectionItemsSelector(uiSection) {
+  return createDeepEqualSelector(
+    createUnoptimizedSelector(uiSection),
+    (movies) => movies
+  );
+}
+
+export default createAddMovieClientSideCollectionItemsSelector;