useGridMouseMove.ts

import { MouseEvent, useCallback } from "react";
import { selectIsDrafting } from "@web/ducks/events/selectors/draft.selectors";
import { useAppSelector } from "@web/store/store.hooks";
import { useEventListener } from "@web/views/Calendar/hooks/mouse/useEventListener";
import { useDraftContext } from "../../context/useDraftContext";

export const useGridMouseMove = () => {
  const { actions, state } = useDraftContext();
  const { draft, isDragging, isResizing } = state;
  const { drag, resize } = actions;

  const isDrafting = useAppSelector(selectIsDrafting);

  const _onMouseMove = useCallback(
    (e: MouseEvent) => {
      if (!isDrafting) return;

      if (isResizing && !draft?.isAllDay) {
        resize(e);
      } else if (isDragging) {
        e.preventDefault();
        drag(e);
      }
    },
    [draft?.isAllDay, drag, isDrafting, isDragging, isResizing, resize],
  );

  useEventListener("mousemove", _onMouseMove);
};