Chore/ts (#199)

* chore: add typescript and dependencies
* refactor: remove react imports
* refactor: fix entrypoint
* chore: upgrade chakra and deps
* chore: configure eslint

client/src/App.jsx

@@ -1,4 +1,4 @@
-import React, { Suspense, useCallback, useEffect } from 'react';
+import { Suspense, useCallback, useEffect } from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import { ChakraProvider } from '@chakra-ui/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

client/src/AppRouter.jsx

@@ -1,4 +1,4 @@
-import React, { lazy, useEffect } from 'react';
+import { lazy, useEffect } from 'react';
 import { Route, Routes, useLocation, useNavigate } from 'react-router-dom';
 
 import { ALIASES } from './common/api/apiConstants';

client/src/common/components/buttons/ActionButtons.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/menu';
 import { Tooltip } from '@chakra-ui/tooltip';

client/src/common/components/buttons/EnableBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button } from '@chakra-ui/button';
 import { IoCheckmarkSharp } from '@react-icons/all-files/io5/IoCheckmarkSharp';
 import { IoCloseSharp } from '@react-icons/all-files/io5/IoCloseSharp';

client/src/common/components/buttons/PauseIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoPause } from '@react-icons/all-files/io5/IoPause';

client/src/common/components/buttons/PublicIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { FiUsers } from '@react-icons/all-files/fi/FiUsers';

client/src/common/components/buttons/QuitIconBtn.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { Button, IconButton } from '@chakra-ui/button';
 import {
   AlertDialog,

client/src/common/components/buttons/RollIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoTimeOutline } from '@react-icons/all-files/io5/IoTimeOutline';

client/src/common/components/buttons/StartIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoPlay } from '@react-icons/all-files/io5/IoPlay';

client/src/common/components/buttons/TooltipActionBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';

client/src/common/components/buttons/TooltipLoadingActionBtn.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';

client/src/common/components/buttons/TransportIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import PropTypes from 'prop-types';

client/src/common/components/buttons/UnloadIconBtn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoStop } from '@react-icons/all-files/io5/IoStop';

client/src/common/components/collapseBar/CollapseBar.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Icon } from '@chakra-ui/react';
 import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
 import PropTypes from 'prop-types';

client/src/common/components/countdown/TimerDisplay.jsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { formatDisplay } from 'common/utils/dateConfig';
 import PropTypes from 'prop-types';
 

client/src/common/components/errorBoundary/ErrorBoundary.jsx

@@ -4,6 +4,7 @@ import React from 'react';
 import { LoggingContext } from '../../context/LoggingContext';
 
 import style from './ErrorBoundary.module.scss';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const appVersion = require('../../../../package.json').version;
 
 class ErrorBoundary extends React.Component {

client/src/common/components/eventTimes/EventTimes.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from 'react';
+import { useCallback, useContext } from 'react';
 import EditableTimer from 'common/components/input/EditableTimer';
 import PropTypes from 'prop-types';
 

client/src/common/components/eventTimes/EventTimesVertical.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from 'react';
+import { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 
 import { LoggingContext } from '../../context/LoggingContext';

client/src/common/components/eventTimes/Times.jsx

@@ -1,9 +1,8 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import EditableTimer from '../input/EditableTimer';
 
-import style from './Times.module.scss'
+import style from './Times.module.scss';
 
 export default function Times(props) {
   const { handleValidate, actionHandler, timeStart, timeEnd, duration, previousEnd } = props;
@@ -39,7 +38,7 @@ export default function Times(props) {
       />
     </>
   );
-};
+}
 
 Times.propTypes = {
   handleValidate: PropTypes.func.isRequired,

client/src/common/components/eventTimes/TimesDelayed.jsx

@@ -1,10 +1,9 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { stringFromMillis } from '../../utils/time';
 import EditableTimer from '../input/EditableTimer';
 
-import style from './Times.module.scss'
+import style from './Times.module.scss';
 
 export default function TimesDelayed(props) {
   const { handleValidate, actionHandler, delay, timeStart, timeEnd, duration, previousEnd } = props;
@@ -47,7 +46,7 @@ export default function TimesDelayed(props) {
       />
     </>
   );
-};
+}
 
 TimesDelayed.propTypes = {
   handleValidate: PropTypes.func.isRequired,

client/src/common/components/input/AutoTextArea.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { Textarea } from '@chakra-ui/react';
 import autosize from 'autosize/dist/autosize';
 

client/src/common/components/input/DelayInput.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/react';
 import PropTypes from 'prop-types';
 

client/src/common/components/input/EditableText.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/editable';
 import PropTypes from 'prop-types';
 

client/src/common/components/input/EditableTimer.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/editable';
 import PropTypes from 'prop-types';
 

client/src/common/components/input/__tests__/EditableTimer.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 

client/src/common/components/myProgressBar/MyProgressBar.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { clamp } from 'common/utils/math';
 import PropTypes from 'prop-types';
 

client/src/common/components/nav/NavLogo.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { IconButton } from '@chakra-ui/button';
 import { Image } from '@chakra-ui/react';

client/src/common/components/protectRoute/ProtectRoute.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { HStack, PinInput, PinInputField } from '@chakra-ui/react';
 import { FiCheck } from '@react-icons/all-files/fi/FiCheck';

client/src/common/components/state/Empty.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ReactComponent as Emptyimage } from 'assets/images/empty.svg';
 import PropTypes from 'prop-types';
 

client/src/common/components/views/Paginator.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useInterval } from 'common/hooks/useInterval';
 import PropTypes from 'prop-types';
 

client/src/common/components/views/TitleCard.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import style from './TitleCard.module.scss';

client/src/common/components/views/TitleSide.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import style from './TitleSide.module.scss';

client/src/common/components/views/TodayItem.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { formatTime } from '../../utils/time';

client/src/common/context/AppContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback, useEffect, useState } from 'react';
+import { createContext, useCallback, useEffect, useState } from 'react';
 
 import { APP_SETTINGS } from '../api/apiConstants';
 import { getSettings } from '../api/ontimeApi';

client/src/common/context/CollapseContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback } from 'react';
+import { createContext, useCallback } from 'react';
 
 import { useLocalStorage } from '../hooks/useLocalStorage';
 

client/src/common/context/CursorContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback, useMemo, useState } from 'react';
+import { createContext, useCallback, useMemo, useState } from 'react';
 
 import { useLocalStorage } from '../hooks/useLocalStorage';
 

client/src/common/context/LoggingContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback, useEffect, useState } from 'react';
+import { createContext, useCallback, useEffect, useState } from 'react';
 
 import { generateId } from '../utils/generate_id';
 import { nowInMillis, stringFromMillis } from '../utils/time';

client/src/common/context/TableSettingsContext.jsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback, useState } from 'react';
+import { createContext, useCallback, useState } from 'react';
 
 import { useLocalStorage } from '../hooks/useLocalStorage';
 

client/src/common/context/socketContext.jsx

@@ -1,7 +1,8 @@
-import React, { createContext, useContext, useEffect, useState } from 'react';
+import { createContext, useContext, useEffect, useState } from 'react';
 import { serverURL } from 'common/api/apiConstants';
 import io from 'socket.io-client';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 const SocketContext = createContext([[], () => {}]);
 
 export const useSocket = () => {

client/src/features/FeatureWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import ProtectRoute from '../common/components/protectRoute/ProtectRoute';

client/src/features/control/__tests__/MessageControl.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
 import SocketProvider from 'common/context/socketContext';

client/src/features/control/__tests__/PlaybackControl.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
 import SocketProvider from 'common/context/socketContext';

client/src/features/control/message/InputRow.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Editable, EditableInput, EditablePreview } from '@chakra-ui/editable';
 import { Tooltip } from '@chakra-ui/tooltip';

client/src/features/control/message/MessageControl.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoMicOffOutline } from '@react-icons/all-files/io5/IoMicOffOutline';

client/src/features/control/message/MessageControlExport.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box } from '@chakra-ui/layout';
 import { FiArrowUpRight } from '@react-icons/all-files/fi/FiArrowUpRight';
 

client/src/features/control/playback/Playback.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import PauseIconBtn from '../../../common/components/buttons/PauseIconBtn';

client/src/features/control/playback/PlaybackButtons.jsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import PropTypes from 'prop-types';
 
 import Playback from './Playback';

client/src/features/control/playback/PlaybackControl.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { usePlaybackControlProvider } from '../../../common/hooks/useSocketProvider';
 
 import PlaybackButtons from './PlaybackButtons';

client/src/features/control/playback/PlaybackTimer.jsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { Button } from '@chakra-ui/button';
 import { Tooltip } from '@chakra-ui/react';
 import TimerDisplay from 'common/components/countdown/TimerDisplay';

client/src/features/control/playback/TimerControlExport.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box } from '@chakra-ui/layout';
 import { FiArrowUpRight } from '@react-icons/all-files/fi/FiArrowUpRight';
 

client/src/features/control/playback/Transport.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IoArrowUndo } from '@react-icons/all-files/io5/IoArrowUndo';
 import { IoPlaySkipBack } from '@react-icons/all-files/io5/IoPlaySkipBack';
 import { IoPlaySkipForward } from '@react-icons/all-files/io5/IoPlaySkipForward';

client/src/features/editors/BlockBlock/BlockBlock.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Draggable } from 'react-beautiful-dnd';
 import { HStack } from '@chakra-ui/react';
 import { FiMoreVertical } from '@react-icons/all-files/fi/FiMoreVertical';

client/src/features/editors/DelayBlock/DelayBlock.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Draggable } from 'react-beautiful-dnd';
 import { HStack } from '@chakra-ui/react';
 import { FiCheck } from '@react-icons/all-files/fi/FiCheck';

client/src/features/editors/Editor.jsx

@@ -1,4 +1,4 @@
-import React, { lazy } from 'react';
+import { lazy } from 'react';
 import { useDisclosure } from '@chakra-ui/hooks';
 import { Box } from '@chakra-ui/layout';
 import ErrorBoundary from 'common/components/errorBoundary/ErrorBoundary';

client/src/features/editors/EntryBlock/EntryBlock.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Checkbox } from '@chakra-ui/react';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { useAtomValue } from 'jotai';

client/src/features/editors/EventBlock/CollapsedBlock.jsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { HStack } from '@chakra-ui/react';
 import { FiMoreVertical } from '@react-icons/all-files/fi/FiMoreVertical';
 import PropTypes from 'prop-types';

client/src/features/editors/EventBlock/EventBlock.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import { useContext, useMemo } from 'react';
 import { Draggable } from 'react-beautiful-dnd';
 import Icon from '@chakra-ui/icon';
 import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';

client/src/features/editors/EventBlock/ExpandedBlock.jsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { VStack } from '@chakra-ui/react';
 import { FiMoreVertical } from '@react-icons/all-files/fi/FiMoreVertical';
 import { IoRemove } from '@react-icons/all-files/io5/IoRemove';

client/src/features/editors/ProtectedEditor.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import ProtectRoute from '../../common/components/protectRoute/ProtectRoute';
 
 import Editor from './Editor';

client/src/features/editors/list/EventList.jsx

@@ -1,4 +1,4 @@
-import React, { createRef, useCallback, useContext, useEffect } from 'react';
+import { createRef, useCallback, useContext, useEffect } from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
 import Empty from 'common/components/state/Empty';
 import { useAtomValue } from 'jotai';

client/src/features/editors/list/EventListExport.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box } from '@chakra-ui/layout';
 import { FiArrowUpRight } from '@react-icons/all-files/fi/FiArrowUpRight';
 

client/src/features/editors/list/EventListItem.jsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useContext } from 'react';
+import { memo, useCallback, useContext } from 'react';
 import { useAtomValue } from 'jotai';
 import PropTypes from 'prop-types';
 

client/src/features/editors/list/EventListWrapper.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { EVENTS_TABLE } from 'common/api/apiConstants';
 import {

client/src/features/info/Info.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { useInfoProvider } from '../../common/hooks/useSocketProvider';
 
 import InfoLogger from './InfoLogger';

client/src/features/info/InfoExport.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box } from '@chakra-ui/layout';
 import { FiArrowUpRight } from '@react-icons/all-files/fi/FiArrowUpRight';
 

client/src/features/info/InfoLogger.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 
 import CollapseBar from '../../common/components/collapseBar/CollapseBar';
 import { LoggingContext } from '../../common/context/LoggingContext';

client/src/features/info/InfoNif.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { APP_TABLE } from 'common/api/apiConstants';
 import { getInfo, ontimePlaceholderInfo } from 'common/api/ontimeApi';
 import { useFetch } from 'common/hooks/useFetch';

client/src/features/info/InfoTitle.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import PropTypes from 'prop-types';
 
 import CollapseBar from '../../common/components/collapseBar/CollapseBar';

client/src/features/info/__tests__/Info.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
 import SocketProvider from 'common/context/socketContext';

client/src/features/menu/EventListMenu.jsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useContext } from 'react';
+import { memo, useCallback, useContext } from 'react';
 import { ButtonGroup, HStack } from '@chakra-ui/react';
 import { FiChevronsDown } from '@react-icons/all-files/fi/FiChevronsDown';
 import { FiChevronsUp } from '@react-icons/all-files/fi/FiChevronsUp';

client/src/features/menu/MenuActionButtons.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { Divider } from '@chakra-ui/layout';
 import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/menu';

client/src/features/menu/MenuBar.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { useCallback, useContext, useEffect, useRef } from 'react';
 import { VStack } from '@chakra-ui/react';
 import { FiDownload } from '@react-icons/all-files/fi/FiDownload';
 import { FiHelpCircle } from '@react-icons/all-files/fi/FiHelpCircle';

client/src/features/menu/__tests__/EventListMenu.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
 

client/src/features/menu/__tests__/MenuActionButtons.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 
 import MenuActionButtons from "../MenuActionButtons";

client/src/features/menu/__tests__/MenuBar.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
 

client/src/features/modals/AliasesModal.jsx

@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/anchor-has-content */
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { Button, IconButton } from '@chakra-ui/button';
 import { ModalBody } from '@chakra-ui/modal';
 import { Input } from '@chakra-ui/react';

client/src/features/modals/AppSettingsModal.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
 import { ModalBody } from '@chakra-ui/modal';
 import {
@@ -26,6 +26,7 @@ import SubmitContainer from './SubmitContainer';
 
 import style from './Modals.module.scss';
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const version = require('../../../package.json').version;
 
 export default function AppSettingsModal() {

client/src/features/modals/EventSettingsModal.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { ModalBody } from '@chakra-ui/modal';
 import { FormLabel, Input, Textarea } from '@chakra-ui/react';
 import { EVENT_TABLE } from 'common/api/apiConstants';

client/src/features/modals/IntegrationSettingsModal.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { ModalBody } from '@chakra-ui/modal';
 import { FormControl, FormLabel, Input, Switch } from '@chakra-ui/react';
 import { FiInfo } from '@react-icons/all-files/fi/FiInfo';

client/src/features/modals/ModalManager.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   Modal,
   ModalCloseButton,

client/src/features/modals/OscSettingsModal.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useState } from 'react';
 import { ModalBody } from '@chakra-ui/modal';
 import { FormControl, FormLabel, Input } from '@chakra-ui/react';
 import { IoInformationCircleOutline } from '@react-icons/all-files/io5/IoInformationCircleOutline';

client/src/features/modals/SubmitContainer.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button } from '@chakra-ui/button';
 import PropTypes from 'prop-types';
 

client/src/features/modals/TableOptionsModal.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { ModalBody } from '@chakra-ui/modal';
 import { Input } from '@chakra-ui/react';
 import { IoInformationCircleOutline } from '@react-icons/all-files/io5/IoInformationCircleOutline';

client/src/features/table/OntimeTable.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { useBlockLayout, useColumnOrder, useResizeColumns, useTable } from 'react-table';
 import { Tooltip } from '@chakra-ui/tooltip';
 import {

client/src/features/table/ProtectedTable.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import ProtectRoute from '../../common/components/protectRoute/ProtectRoute';
 import { TableSettingsProvider } from '../../common/context/TableSettingsContext';
 

client/src/features/table/TableHeader.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { Divider } from '@chakra-ui/layout';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { FiSettings } from '@react-icons/all-files/fi/FiSettings';

client/src/features/table/TableWrapper.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext,useEffect } from 'react';
+import { useCallback, useContext,useEffect } from 'react';
 
 import { EVENTS_TABLE, USERFIELDS } from '../../common/api/apiConstants';
 import { fetchAllEvents, requestPatch } from '../../common/api/eventsApi';

client/src/features/table/columns.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FiCheck } from '@react-icons/all-files/fi/FiCheck';
 
 import { stringFromMillis } from '../../common/utils/time.js';

client/src/features/table/tableElements/EditableCell.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 
 import { AutoTextArea } from '../../../common/components/input/AutoTextArea';

client/src/features/table/tableElements/PlaybackIcon.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { IoPause } from '@react-icons/all-files/io5/IoPause';
 import { IoPlay } from '@react-icons/all-files/io5/IoPlay';

client/src/features/table/tableElements/SortableCell.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Tooltip } from '@chakra-ui/tooltip';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';

client/src/features/table/tableElements/TableSettings.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button } from '@chakra-ui/button';
 import PropTypes from 'prop-types';
 

client/src/features/table/tableRows/BlockRow.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import style from '../Table.module.scss';

client/src/features/table/tableRows/DelayRow.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { millisToMinutes } from '../../../common/utils/dateConfig';

client/src/features/table/tableRows/EventRow.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Color from 'color';
 import PropTypes from 'prop-types';
 

client/src/features/viewers/ViewWrapper.jsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/display-name */
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { EVENT_TABLE, EVENTS_TABLE } from '../../common/api/apiConstants';
 import { fetchEvent } from '../../common/api/eventApi';

client/src/features/viewers/backstage/StageManager.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import QRCode from 'react-qr-code';
 import NavLogo from 'common/components/nav/NavLogo';
 import Paginator from 'common/components/views/Paginator';

client/src/features/viewers/countdown/Countdown.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 import PropTypes from 'prop-types';
 

client/src/features/viewers/foh/Public.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import QRCode from 'react-qr-code';
 import NavLogo from 'common/components/nav/NavLogo';
 import Paginator from 'common/components/views/Paginator';

client/src/features/viewers/production/Pip.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import QRCode from 'react-qr-code';
 import { ReactComponent as Emptyimage } from 'assets/images/empty.svg';
 import NavLogo from 'common/components/nav/NavLogo';