lint fixes

dclstn · Sep 27, 2023 · b6aa2ee · b6aa2ee
1 parent df89f41
commit b6aa2ee
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/src/content/modules/allow-screenshot/index.ts b/src/content/modules/allow-screenshot/index.ts
@@ -1,5 +1,4 @@
-import { KeyCodes } from '../../../common/constants';
-import { EventTypes, SettingIds } from '../../../common/constants';
+import { EventTypes, SettingIds, KeyCodes } from '../../../common/constants';
 import settings from '../../lib/settings';
 
 const Keys = new Set([KeyCodes.ctrl, KeyCodes.alt, KeyCodes.leftwindowkey, KeyCodes.shift, KeyCodes.rightwindowkey]);

diff --git a/src/content/modules/settings-menu/SettingsMenu.tsx b/src/content/modules/settings-menu/SettingsMenu.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import ModalButton from './components/Button';
 import dom from '../../observers/dom';
+import { Root, createRoot } from 'react-dom/client';
 
 const CLOSE_BUTTON_SELECTOR = '[title="Close Chat"]';
 
-let mountedButtonNode: any = null;
+let root: Root | null = null;
 
 class SettingsMenu {
   constructor() {
@@ -20,18 +20,17 @@ class SettingsMenu {
       return;
     }
 
-    if (mountedButtonNode != null) {
-      ReactDOM.unmountComponentAtNode(mountedButtonNode);
-    }
-
     const buttonsContainer = node.parentNode;
     const contentContainer = document.createElement('div');
     contentContainer.setAttribute('id', 'modalOpenButton');
     buttonsContainer?.append(contentContainer);
 
-    mountedButtonNode = contentContainer;
+    if (root != null) {
+      root.unmount();
+    }
 
-    ReactDOM.render(<ModalButton />, contentContainer);
+    root = createRoot(contentContainer);
+    root.render(<ModalButton />);
   }
 }