Function useContextMenu

apps/web/ui/ContextMenu/index.tsx:5–29

()

import classNames from 'classnames';

export const useContextMenu = <T extends any>() => {
  const [clicked, setClicked] = useState(false);
  const [context, setContext] = useState<T>();
  const [points, setPoints] = useState({
    x: 0,
    y: 0,
  });

  useEffect(() => {
    const handleClick = () => setClicked(false);
    document.addEventListener('click', handleClick);
    return () => {
      document.removeEventListener('click', handleClick);
    };
  }, []);

  return {
    clicked,
    setClicked,
    points,
    setPoints,
    context,
    setContext,
  };
};

export const ContextMenu = <T extends any>({
  top,