Lazy load the implementer tools

openmrs · Mar 11, 2022 · 1671246 · 1671246
1 parent 63f385f
commit 1671246
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/apps/esm-implementer-tools-app/src/implementer-tools.component.tsx b/packages/apps/esm-implementer-tools-app/src/implementer-tools.component.tsx
@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from "react";
-import Popup from "./popup/popup.component";
 import { NotificationActionButton } from "carbon-components-react";
 import {
   showNotification,
@@ -11,11 +10,14 @@ import {
   showModuleDiagnostics,
   togglePopup,
 } from "./store";
-import { UiEditor } from "./ui-editor/ui-editor";
+
 import { useBackendDependencies } from "./backend-dependencies/useBackendDependencies";
 import { hasInvalidDependencies } from "./backend-dependencies/openmrs-backend-dependencies";
 import { useTranslation } from "react-i18next";
 
+const Popup = React.lazy(() => import("./popup/popup.component"));
+const UiEditor = React.lazy(() => import("./ui-editor/ui-editor"));
+
 function PopupHandler() {
   const frontendModules = useBackendDependencies();
   const [shouldShowNotification, setShouldShowNotification] = useState(false);

diff --git a/packages/apps/esm-implementer-tools-app/src/ui-editor/ui-editor.tsx b/packages/apps/esm-implementer-tools-app/src/ui-editor/ui-editor.tsx
@@ -7,7 +7,7 @@ import { Portal } from "./portal";
 import { ExtensionOverlay } from "./extension-overlay.component";
 import { ImplementerToolsStore, implementerToolsStore } from "../store";
 
-export function UiEditor() {
+export default function UiEditor() {
   const { slots, extensions } = useExtensionInternalStore();
   const { isOpen: implementerToolsIsOpen } = useStore(implementerToolsStore);