From ef5dd82c790cbedffba971f7250a779eb0a1ac1f Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Sat, 5 Jun 2021 16:13:51 +0200
Subject: [PATCH] lazy load main components

---
 client/src/features/editors/Editor.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/client/src/features/editors/Editor.jsx b/client/src/features/editors/Editor.jsx
index 7490f0439..fbbd9e0d5 100644
--- a/client/src/features/editors/Editor.jsx
+++ b/client/src/features/editors/Editor.jsx
@@ -1,15 +1,18 @@
+import { lazy, useEffect } from 'react';
 import { Heading } from '@chakra-ui/layout';
 import { Box } from '@chakra-ui/layout';
 import NumberedText from 'common/components/text/NumberedText';
-import PlaybackControl from '../control/PlaybackControl';
-import MessageControl from '../control/MessageControl';
 import styles from './Editor.module.css';
-import EventListWrapper from './list/EventListWrapper';
 import { useDisclosure } from '@chakra-ui/hooks';
 import SettingsModal from '../modals/SettingsModal';
-import { useEffect } from 'react';
 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() {
   const { isOpen, onOpen, onClose } = useDisclosure();