5285365667

import TableChartTwoToneIcon from '@mui/icons-material/TableChartTwoTone';
import { IconButton, Tooltip } from '@mui/material';
import { bind, unbind } from 'mousetrap';
import { useCallback, useEffect, useState } from 'react';
import MarkerPanelModal from '../MarkerPanelModal';

function OpenMarkerPanel() {
  const [panelOpen, setPanelOpen] = useState(false);

  const handlePanelModal = useCallback(() => {
    panelOpen ? setPanelOpen(false) : setPanelOpen(true);
  }, [panelOpen]);

  useEffect(() => {
    bind('p', handlePanelModal);
    return () => {
      unbind('p', handlePanelModal);
    };
  }, [handlePanelModal]);

  return (
    <>
      <Tooltip
        title={
          <span>
            Open Marker Panel <kbd>P</kbd>
          </span>
        }
      >
        <IconButton
          color='primary'
          sx={{ width: '100%', borderRadius: 1 }}
          onClick={handlePanelModal}
        >
          <TableChartTwoToneIcon />
        </IconButton>
      </Tooltip>
      <MarkerPanelModal open={panelOpen} setOpen={setPanelOpen} />
    </>
  );
}

export default OpenMarkerPanel;

1	import TableChartTwoToneIcon from '@mui/icons-material/TableChartTwoTone';
2	import { IconButton, Tooltip } from '@mui/material';
3	import { bind, unbind } from 'mousetrap';
4	import { useCallback, useEffect, useState } from 'react';
5	import MarkerPanelModal from '../MarkerPanelModal';
6
7	function OpenMarkerPanel() {
8	const [panelOpen, setPanelOpen] = useState(false);	10✔
9
10	const handlePanelModal = useCallback(() => {	10✔
NEW 11	panelOpen ? setPanelOpen(false) : setPanelOpen(true);	×
12	}, [panelOpen]);
13
14	useEffect(() => {	10✔
15	bind('p', handlePanelModal);	5✔
16	return () => {	5✔
NEW 17	unbind('p', handlePanelModal);	×
18	};
19	}, [handlePanelModal]);
20
21	return (	10✔
22	<>
23	<Tooltip
24	title={
25	<span>
26	Open Marker Panel <kbd>P</kbd>
27	</span>
28	}
29	>
30	<IconButton
31	color='primary'
32	sx={{ width: '100%', borderRadius: 1 }}
33	onClick={handlePanelModal}
34	>
35	<TableChartTwoToneIcon />
36	</IconButton>
37	</Tooltip>
38	<MarkerPanelModal open={panelOpen} setOpen={setPanelOpen} />
39	</>
40	);
41	}
42
43	export default OpenMarkerPanel;

vanvalenlab / deepcell-label / 5285365667

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