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