4985420685

Build # 4985420685

Build Type

push

github

Committed by GitHub

Commit Message

Celltype UI toolbar with new toggles (#461)

Run Details

463 of 1193 branches covered (38.81%)

Branch coverage included in aggregate %.

17 of 36 new or added lines in 7 files covered. (47.22%)

1 existing line in 1 file now uncovered.

3212 of 5468 relevant lines covered (58.74%)

535.82 hits per line

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

66.67

/frontend/src/Project/EditControls/CellTypeControls/CellTypeUI/ToolBar/HoverToggle.js

import SpeakerNotesOffTwoToneIcon from '@mui/icons-material/SpeakerNotesOffTwoTone';
import SpeakerNotesTwoToneIcon from '@mui/icons-material/SpeakerNotesTwoTone';
import { IconButton, Tooltip } from '@mui/material';
import { useSelector } from '@xstate/react';
import { useEditCellTypes } from '../../../../ProjectContext';

function HoverToggle() {
  const editCellTypes = useEditCellTypes();
  const hoveringCard = useSelector(editCellTypes, (state) => state.context.hoveringCard);
  const handleHovering = () => {
    editCellTypes.send('TOGGLE_HOVER');
  };

  return (
    <Tooltip title={hoveringCard ? 'Hover over cell for cell type(s)' : 'Hover disabled'}>
      <IconButton onClick={handleHovering} color='primary' sx={{ width: '100%', borderRadius: 1 }}>
        {hoveringCard ? <SpeakerNotesTwoToneIcon /> : <SpeakerNotesOffTwoToneIcon />}
      </IconButton>
    </Tooltip>
  );
}

export default HoverToggle;

1	import SpeakerNotesOffTwoToneIcon from '@mui/icons-material/SpeakerNotesOffTwoTone';
2	import SpeakerNotesTwoToneIcon from '@mui/icons-material/SpeakerNotesTwoTone';
3	import { IconButton, Tooltip } from '@mui/material';
4	import { useSelector } from '@xstate/react';
5	import { useEditCellTypes } from '../../../../ProjectContext';
6
7	function HoverToggle() {
8	const editCellTypes = useEditCellTypes();	30✔
9	const hoveringCard = useSelector(editCellTypes, (state) => state.context.hoveringCard);	73✔
10	const handleHovering = () => {	30✔
NEW 11	editCellTypes.send('TOGGLE_HOVER');	×
12	};
13
14	return (	30✔
15	<Tooltip title={hoveringCard ? 'Hover over cell for cell type(s)' : 'Hover disabled'}>	30!
16	<IconButton onClick={handleHovering} color='primary' sx={{ width: '100%', borderRadius: 1 }}>
17	{hoveringCard ? <SpeakerNotesTwoToneIcon /> : <SpeakerNotesOffTwoToneIcon />}	30!
18	</IconButton>
19	</Tooltip>
20	);
21	}
22
23	export default HoverToggle;

vanvalenlab / deepcell-label / 4985420685

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