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.
41 lines
1.1 KiB
41 lines
1.1 KiB
import React, { useCallback } from 'react';
|
|
import { useSelect } from 'App/SelectContext';
|
|
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
|
|
import { icons } from 'Helpers/Props';
|
|
|
|
interface ArtistIndexSelectAllButtonProps {
|
|
label: string;
|
|
isSelectMode: boolean;
|
|
overflowComponent: React.FunctionComponent<never>;
|
|
}
|
|
|
|
function ArtistIndexSelectAllButton(props: ArtistIndexSelectAllButtonProps) {
|
|
const { isSelectMode } = props;
|
|
const [selectState, selectDispatch] = useSelect();
|
|
const { allSelected, allUnselected } = selectState;
|
|
|
|
let icon = icons.SQUARE_MINUS;
|
|
|
|
if (allSelected) {
|
|
icon = icons.CHECK_SQUARE;
|
|
} else if (allUnselected) {
|
|
icon = icons.SQUARE;
|
|
}
|
|
|
|
const onPress = useCallback(() => {
|
|
selectDispatch({
|
|
type: allSelected ? 'unselectAll' : 'selectAll',
|
|
});
|
|
}, [allSelected, selectDispatch]);
|
|
|
|
return isSelectMode ? (
|
|
<PageToolbarButton
|
|
label={allSelected ? 'Unselect All' : 'Select All'}
|
|
iconName={icon}
|
|
onPress={onPress}
|
|
/>
|
|
) : null;
|
|
}
|
|
|
|
export default ArtistIndexSelectAllButton;
|