5215069804

import { Box, FormLabel } from '@mui/material';
import Checkbox from '@mui/material/Checkbox';
import { useSelector } from '@xstate/react';
import { useCellTypes, useEditCellTypes } from '../../../ProjectContext';

function ToggleAll() {
  const editCellTypes = useEditCellTypes();
  const cellTypes = useCellTypes();
  const toggleArray = useSelector(cellTypes, (state) => state.context.isOn);

  const handleCheck = () => {
    if (toggleArray.every((e, i) => e === true || e === null || i === 0)) {
      editCellTypes.send({ type: 'UNTOGGLE_ALL' });
    } else {
      editCellTypes.send({ type: 'TOGGLE_ALL' });
    }
  };

  return (
    <Box display='flex' alignItems='center'>
      <Checkbox
        checked={toggleArray.every((e, i) => e === true || e === null || i === 0)}
        onChange={handleCheck}
      />
      <FormLabel sx={{ marginLeft: 0.75 }}>Toggle All</FormLabel>
    </Box>
  );
}

export default ToggleAll;

1	import { Box, FormLabel } from '@mui/material';
2	import Checkbox from '@mui/material/Checkbox';
3	import { useSelector } from '@xstate/react';
4	import { useCellTypes, useEditCellTypes } from '../../../ProjectContext';
5
6	function ToggleAll() {
7	const editCellTypes = useEditCellTypes();	30✔
8	const cellTypes = useCellTypes();	30✔
9	const toggleArray = useSelector(cellTypes, (state) => state.context.isOn);	74✔
10
11	const handleCheck = () => {	30✔
12	if (toggleArray.every((e, i) => e === true \|\| e === null \|\| i === 0)) {	3!
13	editCellTypes.send({ type: 'UNTOGGLE_ALL' });	1✔
14	} else {
UNCOV 15	editCellTypes.send({ type: 'TOGGLE_ALL' });	×
16	}
17	};
18
19	return (	30✔
20	<Box display='flex' alignItems='center'>
21	<Checkbox
22	checked={toggleArray.every((e, i) => e === true \|\| e === null \|\| i === 0)}	56✔
23	onChange={handleCheck}
24	/>
25	<FormLabel sx={{ marginLeft: 0.75 }}>Toggle All</FormLabel>
26	</Box>
27	);
28	}
29
30	export default ToggleAll;

vanvalenlab / deepcell-label / 5215069804

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous