mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-22 07:29:08 +00:00
lazy load main components
This commit is contained in:
@@ -1,15 +1,18 @@
|
|||||||
|
import { lazy, useEffect } from 'react';
|
||||||
import { Heading } from '@chakra-ui/layout';
|
import { Heading } from '@chakra-ui/layout';
|
||||||
import { Box } from '@chakra-ui/layout';
|
import { Box } from '@chakra-ui/layout';
|
||||||
import NumberedText from 'common/components/text/NumberedText';
|
import NumberedText from 'common/components/text/NumberedText';
|
||||||
import PlaybackControl from '../control/PlaybackControl';
|
|
||||||
import MessageControl from '../control/MessageControl';
|
|
||||||
import styles from './Editor.module.css';
|
import styles from './Editor.module.css';
|
||||||
import EventListWrapper from './list/EventListWrapper';
|
|
||||||
import { useDisclosure } from '@chakra-ui/hooks';
|
import { useDisclosure } from '@chakra-ui/hooks';
|
||||||
import SettingsModal from '../modals/SettingsModal';
|
import SettingsModal from '../modals/SettingsModal';
|
||||||
import { useEffect } from 'react';
|
|
||||||
import MenuBar from 'features/menu/MenuBar';
|
import MenuBar from 'features/menu/MenuBar';
|
||||||
|
|
||||||
|
const EventListWrapper = lazy(() =>
|
||||||
|
import('features/editors/list/EventListWrapper')
|
||||||
|
);
|
||||||
|
const PlaybackControl = lazy(() => import('features/control/PlaybackButtons'));
|
||||||
|
const MessageControl = lazy(() => import('features/control/MessageControl'));
|
||||||
|
|
||||||
export default function Editor() {
|
export default function Editor() {
|
||||||
const { isOpen, onOpen, onClose } = useDisclosure();
|
const { isOpen, onOpen, onClose } = useDisclosure();
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user