mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-07 00:13:53 +00:00
51c31adaf1
* use zustand store in `ContextMenuContext` * add `withDivider` prop to context menu `Option` * add `isDisabled` prop to `Option` * create `eventIdSwapping` store * create swapping context menu options * fix `key` in ContextMenu * address `tanstack-eslint` errors * create initial `requestEventSwap` event * create initial `swapEvents` action * use `swapEvents` in `EventBlock` * move from `emitError` to `logAxiosError` * remove extra curly brace from Copy ID * add `clearEventId` func * finalize context menu swapping logic * write optimistic swapping logic * remove unused import and type out handler in `rundownController` * create `rundownSwapValidator` * move index increase to `EventBlock` * move swapping logic from `id` to `index` * create `swapEvents` endpoint * move `useEventIdSwapping` hook into its own file * revert to using event `id` * logic now uses indexes to swap events * add `todo` to `swapEvents` * revert index increment * create `swapOntimeEvents` and export in `index.ts` * use `swapOntimeEvents` in frontend & server * update import path * remove extra `setCached`
18 lines
601 B
TypeScript
18 lines
601 B
TypeScript
import { MouseEvent } from 'react';
|
|
|
|
import { Option, useContextMenuStore } from '../components/context-menu/ContextMenu';
|
|
|
|
export const useContextMenu = <T extends HTMLElement>(options: Option[]) => {
|
|
const { setContextMenu } = useContextMenuStore();
|
|
|
|
const localCreateContextMenu = (contextMenuEvent: MouseEvent<T, globalThis.MouseEvent>) => {
|
|
// prevent browser default context menu from showing up
|
|
contextMenuEvent.preventDefault();
|
|
|
|
const { pageX, pageY } = contextMenuEvent;
|
|
return setContextMenu({ x: pageX, y: pageY }, options);
|
|
};
|
|
|
|
return [localCreateContextMenu];
|
|
};
|