mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-06 16:03:52 +00:00
asharonbaltazar
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`
74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import { ChakraProvider } from '@chakra-ui/react';
|
|
import { QueryClientProvider } from '@tanstack/react-query';
|
|
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
|
|
|
import { ContextMenu } from './common/components/context-menu/ContextMenu';
|
|
import ErrorBoundary from './common/components/error-boundary/ErrorBoundary';
|
|
import { AppContextProvider } from './common/context/AppContext';
|
|
import useElectronEvent from './common/hooks/useElectronEvent';
|
|
import { ontimeQueryClient } from './common/queryClient';
|
|
import { socketClientName } from './common/stores/connectionName';
|
|
import { connectSocket } from './common/utils/socket';
|
|
import theme from './theme/theme';
|
|
import { TranslationProvider } from './translation/TranslationProvider';
|
|
import AppRouter from './AppRouter';
|
|
|
|
// Load Open Sans typeface
|
|
// @ts-expect-error no types from font import
|
|
import('typeface-open-sans');
|
|
|
|
const preferredClientName = socketClientName.getState().name;
|
|
connectSocket(preferredClientName);
|
|
|
|
function App() {
|
|
const { isElectron, sendToElectron } = useElectronEvent();
|
|
|
|
useEffect(() => {
|
|
const handleKeyPress = (event: KeyboardEvent) => {
|
|
// handle held key
|
|
if (event.repeat) return;
|
|
// check if the alt key is pressed
|
|
if (event.altKey) {
|
|
if (event.code === 'KeyT') {
|
|
// ask to see debug
|
|
sendToElectron('set-window', 'show-dev');
|
|
}
|
|
}
|
|
};
|
|
|
|
if (isElectron) {
|
|
document.addEventListener('keydown', handleKeyPress);
|
|
}
|
|
return () => {
|
|
if (isElectron) {
|
|
document.removeEventListener('keydown', handleKeyPress);
|
|
}
|
|
};
|
|
}, [isElectron, sendToElectron]);
|
|
|
|
return (
|
|
<ChakraProvider resetCSS theme={theme}>
|
|
<QueryClientProvider client={ontimeQueryClient}>
|
|
<AppContextProvider>
|
|
<BrowserRouter>
|
|
<div className='App'>
|
|
<ErrorBoundary>
|
|
<TranslationProvider>
|
|
<ContextMenu>
|
|
<AppRouter />
|
|
</ContextMenu>
|
|
</TranslationProvider>
|
|
</ErrorBoundary>
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</div>
|
|
</BrowserRouter>
|
|
</AppContextProvider>
|
|
</QueryClientProvider>
|
|
</ChakraProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|