Radarr/frontend/src/Movie/Index/Select/MovieIndexSelectAllMenuItem.tsx

import React, { useCallback } from 'react';
import { useSelect } from 'App/SelectContext';
import PageToolbarOverflowMenuItem from 'Components/Page/Toolbar/PageToolbarOverflowMenuItem';
import { icons } from 'Helpers/Props';

interface MovieIndexSelectAllMenuItemProps {
  label: string;
  isSelectMode: boolean;
}

function MovieIndexSelectAllMenuItem(props: MovieIndexSelectAllMenuItemProps) {
  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 MovieIndexSelectAllMenuItem;