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.
75 lines
2.4 KiB
75 lines
2.4 KiB
2 years ago
|
import React, { useCallback, useMemo } from 'react';
|
||
|
|
import { useDispatch, useSelector } from 'react-redux';
|
||
|
|
import { useSelect } from 'App/SelectContext';
|
||
|
|
import ArtistAppState, { ArtistIndexAppState } from 'App/State/ArtistAppState';
|
||
|
|
import ClientSideCollectionAppState from 'App/State/ClientSideCollectionAppState';
|
||
|
|
import { REFRESH_ARTIST } from 'Commands/commandNames';
|
||
|
|
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
|
||
|
|
import { icons } from 'Helpers/Props';
|
||
|
|
import { executeCommand } from 'Store/Actions/commandActions';
|
||
|
|
import createArtistClientSideCollectionItemsSelector from 'Store/Selectors/createArtistClientSideCollectionItemsSelector';
|
||
|
|
import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
|
||
|
|
import translate from 'Utilities/String/translate';
|
||
|
|
import getSelectedIds from 'Utilities/Table/getSelectedIds';
|
||
|
|
|
||
|
|
interface ArtistIndexRefreshArtistsButtonProps {
|
||
|
|
isSelectMode: boolean;
|
||
|
|
selectedFilterKey: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
function ArtistIndexRefreshArtistsButton(
|
||
|
|
props: ArtistIndexRefreshArtistsButtonProps
|
||
|
|
) {
|
||
|
|
const isRefreshing = useSelector(
|
||
|
|
createCommandExecutingSelector(REFRESH_ARTIST)
|
||
|
|
);
|
||
|
|
const {
|
||
|
|
items,
|
||
|
|
totalItems,
|
||
|
|
}: ArtistAppState & ArtistIndexAppState & ClientSideCollectionAppState =
|
||
|
|
useSelector(createArtistClientSideCollectionItemsSelector('artistIndex'));
|
||
|
|
|
||
|
|
const dispatch = useDispatch();
|
||
|
|
const { isSelectMode, selectedFilterKey } = props;
|
||
|
|
const [selectState] = useSelect();
|
||
|
|
const { selectedState } = selectState;
|
||
|
|
|
||
|
|
const selectedArtistIds = useMemo(() => {
|
||
|
|
return getSelectedIds(selectedState);
|
||
|
|
}, [selectedState]);
|
||
|
|
|
||
|
|
const artistsToRefresh =
|
||
|
|
isSelectMode && selectedArtistIds.length > 0
|
||
|
|
? selectedArtistIds
|
||
|
|
: items.map((m) => m.id);
|
||
|
|
|
||
|
|
let refreshLabel = translate('UpdateAll');
|
||
|
|
|
||
|
|
if (selectedArtistIds.length > 0) {
|
||
|
|
refreshLabel = translate('UpdateSelected');
|
||
|
|
} else if (selectedFilterKey !== 'all') {
|
||
|
|
refreshLabel = translate('UpdateFiltered');
|
||
|
|
}
|
||
|
|
|
||
|
|
const onPress = useCallback(() => {
|
||
|
|
dispatch(
|
||
|
|
executeCommand({
|
||
|
|
name: REFRESH_ARTIST,
|
||
|
|
artistIds: artistsToRefresh,
|
||
|
|
})
|
||
|
|
);
|
||
|
|
}, [dispatch, artistsToRefresh]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PageToolbarButton
|
||
|
|
label={refreshLabel}
|
||
|
|
isSpinning={isRefreshing}
|
||
|
|
isDisabled={!totalItems}
|
||
|
|
iconName={icons.REFRESH}
|
||
|
|
onPress={onPress}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ArtistIndexRefreshArtistsButton;
|