#2912 refactor the root name

epam · Aug 3, 2023 · ed5b2b3 · ed5b2b3
1 parent 88e94e6
commit ed5b2b3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/packages/ketcher-react/src/Editor.tsx b/packages/ketcher-react/src/Editor.tsx
@@ -53,18 +53,18 @@ function Editor(props: EditorProps) {
   const ketcherInitEvent = new Event(KETCHER_INIT_EVENT_NAME);
 
   useEffect(() => {
-    const rootRef = createRoot(rootElRef.current as HTMLDivElement);
+    const appRoot = createRoot(rootElRef.current as HTMLDivElement);
     init({
       ...props,
       element: rootElRef.current,
-      rootRef,
+      appRoot,
     }).then((ketcher: Ketcher) => {
       if (typeof onInit === 'function') {
         onInit(ketcher);
         window.dispatchEvent(ketcherInitEvent);
       }
     });
-    return () => rootRef.unmount();
+    return () => appRoot.unmount();
     // TODO: provide the list of dependencies after implementing unsubscribe function
   }, []);
 

diff --git a/packages/ketcher-react/src/script/builders/ketcher/KetcherBuilder.ts b/packages/ketcher-react/src/script/builders/ketcher/KetcherBuilder.ts
@@ -55,7 +55,7 @@ class KetcherBuilder {
 
   async appendUiAsync(
     element: HTMLDivElement | null,
-    rootRef: Root,
+    appRoot: Root,
     staticResourcesUrl: string,
     errorHandler: (message: string) => void,
     buttons?: ButtonsConfig,
@@ -65,7 +65,7 @@ class KetcherBuilder {
     const editor = await new Promise<Editor>((resolve) => {
       initApp(
         element,
-        rootRef,
+        appRoot,
         staticResourcesUrl,
         {
           buttons: buttons || {},

diff --git a/packages/ketcher-react/src/script/index.ts b/packages/ketcher-react/src/script/index.ts
@@ -21,7 +21,7 @@ import { StructServiceProvider } from 'ketcher-core';
 
 interface Config {
   element: HTMLDivElement | null;
-  rootRef: Root;
+  appRoot: Root;
   staticResourcesUrl: string;
   structServiceProvider: StructServiceProvider;
   buttons?: ButtonsConfig;
@@ -30,7 +30,7 @@ interface Config {
 
 async function buildKetcherAsync({
   element,
-  rootRef,
+  appRoot,
   staticResourcesUrl,
   structServiceProvider,
   buttons,
@@ -42,7 +42,7 @@ async function buildKetcherAsync({
   builder.appendServiceMode(structServiceProvider.mode);
   await builder.appendUiAsync(
     element,
-    rootRef,
+    appRoot,
     staticResourcesUrl,
     errorHandler,
     buttons,

diff --git a/packages/ketcher-react/src/script/ui/App/initApp.tsx b/packages/ketcher-react/src/script/ui/App/initApp.tsx
@@ -31,7 +31,7 @@ import { initMouseListener } from '../state/mouse';
 
 function initApp(
   element: HTMLDivElement | null,
-  root: Root,
+  appRoot: Root,
   staticResourcesUrl: string,
   options: any,
   server: StructService,
@@ -42,7 +42,7 @@ function initApp(
   store.dispatch(initMouseListener(element));
   store.dispatch(initResize());
 
-  root.render(
+  appRoot.render(
     <Provider store={store}>
       <SettingsContext.Provider value={{ staticResourcesUrl }}>
         <ErrorsContext.Provider value={{ errorHandler: options.errorHandler }}>