You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.8 KiB
72 lines
1.8 KiB
import { push } from 'connected-react-router';
|
|
import { connect } from 'react-redux';
|
|
import { createSelector } from 'reselect';
|
|
import createAllMoviesSelector from 'Store/Selectors/createAllMoviesSelector';
|
|
import createDeepEqualSelector from 'Store/Selectors/createDeepEqualSelector';
|
|
import createTagsSelector from 'Store/Selectors/createTagsSelector';
|
|
import MovieSearchInput from './MovieSearchInput';
|
|
|
|
function createCleanMovieSelector() {
|
|
return createSelector(
|
|
createAllMoviesSelector(),
|
|
createTagsSelector(),
|
|
(allMovies, allTags) => {
|
|
return allMovies.map((movie) => {
|
|
const {
|
|
title,
|
|
titleSlug,
|
|
sortTitle,
|
|
year,
|
|
images,
|
|
alternateTitles = [],
|
|
tags = []
|
|
} = movie;
|
|
|
|
return {
|
|
title,
|
|
titleSlug,
|
|
sortTitle,
|
|
year,
|
|
images,
|
|
alternateTitles,
|
|
firstCharacter: title.charAt(0).toLowerCase(),
|
|
tags: tags.reduce((acc, id) => {
|
|
const matchingTag = allTags.find((tag) => tag.id === id);
|
|
|
|
if (matchingTag) {
|
|
acc.push(matchingTag);
|
|
}
|
|
|
|
return acc;
|
|
}, [])
|
|
};
|
|
});
|
|
}
|
|
);
|
|
}
|
|
|
|
function createMapStateToProps() {
|
|
return createDeepEqualSelector(
|
|
createCleanMovieSelector(),
|
|
(movies) => {
|
|
return {
|
|
movies
|
|
};
|
|
}
|
|
);
|
|
}
|
|
|
|
function createMapDispatchToProps(dispatch, props) {
|
|
return {
|
|
onGoToMovie(titleSlug) {
|
|
dispatch(push(`${window.Prowlarr.urlBase}/movie/${titleSlug}`));
|
|
},
|
|
|
|
onGoToAddNewMovie(query) {
|
|
dispatch(push(`${window.Prowlarr.urlBase}/add/new?term=${encodeURIComponent(query)}`));
|
|
}
|
|
};
|
|
}
|
|
|
|
export default connect(createMapStateToProps, createMapDispatchToProps)(MovieSearchInput);
|