mirror of
https://github.com/Radarr/Radarr.git
synced 2024-10-05 15:47:20 +02:00
parent
85b13b7e41
commit
d41c0f0ab7
@ -44,6 +44,7 @@ import MovieIndexViewMenu from './Menus/MovieIndexViewMenu';
|
|||||||
import MovieIndexFooter from './MovieIndexFooter';
|
import MovieIndexFooter from './MovieIndexFooter';
|
||||||
import MovieIndexRefreshMovieButton from './MovieIndexRefreshMovieButton';
|
import MovieIndexRefreshMovieButton from './MovieIndexRefreshMovieButton';
|
||||||
import MovieIndexSearchButton from './MovieIndexSearchButton';
|
import MovieIndexSearchButton from './MovieIndexSearchButton';
|
||||||
|
import MovieIndexSearchMenuItem from './MovieIndexSearchMenuItem';
|
||||||
import MovieIndexOverviews from './Overview/MovieIndexOverviews';
|
import MovieIndexOverviews from './Overview/MovieIndexOverviews';
|
||||||
import MovieIndexOverviewOptionsModal from './Overview/Options/MovieIndexOverviewOptionsModal';
|
import MovieIndexOverviewOptionsModal from './Overview/Options/MovieIndexOverviewOptionsModal';
|
||||||
import MovieIndexPosters from './Posters/MovieIndexPosters';
|
import MovieIndexPosters from './Posters/MovieIndexPosters';
|
||||||
@ -247,6 +248,7 @@ const MovieIndex = withScrollPosition((props: MovieIndexProps) => {
|
|||||||
<MovieIndexSearchButton
|
<MovieIndexSearchButton
|
||||||
isSelectMode={isSelectMode}
|
isSelectMode={isSelectMode}
|
||||||
selectedFilterKey={selectedFilterKey}
|
selectedFilterKey={selectedFilterKey}
|
||||||
|
overflowComponent={MovieIndexSearchMenuItem}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<PageToolbarButton
|
<PageToolbarButton
|
||||||
|
@ -16,6 +16,7 @@ import getSelectedIds from 'Utilities/Table/getSelectedIds';
|
|||||||
interface MovieIndexSearchButtonProps {
|
interface MovieIndexSearchButtonProps {
|
||||||
isSelectMode: boolean;
|
isSelectMode: boolean;
|
||||||
selectedFilterKey: string;
|
selectedFilterKey: string;
|
||||||
|
overflowComponent: React.FunctionComponent<never>;
|
||||||
}
|
}
|
||||||
|
|
||||||
function MovieIndexSearchButton(props: MovieIndexSearchButtonProps) {
|
function MovieIndexSearchButton(props: MovieIndexSearchButtonProps) {
|
||||||
|
72
frontend/src/Movie/Index/MovieIndexSearchMenuItem.tsx
Normal file
72
frontend/src/Movie/Index/MovieIndexSearchMenuItem.tsx
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
import React, { useCallback, useMemo } from 'react';
|
||||||
|
import { useDispatch, useSelector } from 'react-redux';
|
||||||
|
import { useSelect } from 'App/SelectContext';
|
||||||
|
import ClientSideCollectionAppState from 'App/State/ClientSideCollectionAppState';
|
||||||
|
import MoviesAppState, { MovieIndexAppState } from 'App/State/MoviesAppState';
|
||||||
|
import { MOVIE_SEARCH } from 'Commands/commandNames';
|
||||||
|
import PageToolbarOverflowMenuItem from 'Components/Page/Toolbar/PageToolbarOverflowMenuItem';
|
||||||
|
import { icons } from 'Helpers/Props';
|
||||||
|
import { executeCommand } from 'Store/Actions/commandActions';
|
||||||
|
import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
|
||||||
|
import createMovieClientSideCollectionItemsSelector from 'Store/Selectors/createMovieClientSideCollectionItemsSelector';
|
||||||
|
import translate from 'Utilities/String/translate';
|
||||||
|
import getSelectedIds from 'Utilities/Table/getSelectedIds';
|
||||||
|
|
||||||
|
interface MovieIndexSearchMenuItemProps {
|
||||||
|
isSelectMode: boolean;
|
||||||
|
selectedFilterKey: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
function MovieIndexSearchMenuItem(props: MovieIndexSearchMenuItemProps) {
|
||||||
|
const isSearching = useSelector(createCommandExecutingSelector(MOVIE_SEARCH));
|
||||||
|
const {
|
||||||
|
items,
|
||||||
|
}: MoviesAppState & MovieIndexAppState & ClientSideCollectionAppState =
|
||||||
|
useSelector(createMovieClientSideCollectionItemsSelector('movieIndex'));
|
||||||
|
|
||||||
|
const dispatch = useDispatch();
|
||||||
|
|
||||||
|
const { isSelectMode, selectedFilterKey } = props;
|
||||||
|
const [selectState] = useSelect();
|
||||||
|
const { selectedState } = selectState;
|
||||||
|
|
||||||
|
const selectedMovieIds = useMemo(() => {
|
||||||
|
return getSelectedIds(selectedState);
|
||||||
|
}, [selectedState]);
|
||||||
|
|
||||||
|
const moviesToSearch =
|
||||||
|
isSelectMode && selectedMovieIds.length > 0
|
||||||
|
? selectedMovieIds
|
||||||
|
: items.map((m) => m.id);
|
||||||
|
|
||||||
|
const searchIndexLabel =
|
||||||
|
selectedFilterKey === 'all'
|
||||||
|
? translate('SearchAll')
|
||||||
|
: translate('SearchFiltered');
|
||||||
|
|
||||||
|
const searchSelectLabel =
|
||||||
|
selectedMovieIds.length > 0
|
||||||
|
? translate('SearchSelected')
|
||||||
|
: translate('SearchAll');
|
||||||
|
|
||||||
|
const onPress = useCallback(() => {
|
||||||
|
dispatch(
|
||||||
|
executeCommand({
|
||||||
|
name: MOVIE_SEARCH,
|
||||||
|
movieIds: moviesToSearch,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}, [dispatch, moviesToSearch]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<PageToolbarOverflowMenuItem
|
||||||
|
label={isSelectMode ? searchSelectLabel : searchIndexLabel}
|
||||||
|
isSpinning={isSearching}
|
||||||
|
isDisabled={!items.length}
|
||||||
|
iconName={icons.SEARCH}
|
||||||
|
onPress={onPress}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default MovieIndexSearchMenuItem;
|
Loading…
Reference in New Issue
Block a user