coding-coding-coding
diff --git a/‎src/ui/options/body/body.tsx‎
Lines changed: 2 additions & 4 deletions b/‎src/ui/options/body/body.tsx‎
Lines changed: 2 additions & 4 deletions
diff --git a/‎src/ui/options/index.tsx‎
Lines changed: 7 additions & 12 deletions b/‎src/ui/options/index.tsx‎
Lines changed: 7 additions & 12 deletions
@@ -1,6 +1,6 @@
 import {m} from 'malevic';
 import {getContext} from 'malevic/dom';
-import type {DevToolsData, ViewProps} from '../../../definitions';
+import type {ViewProps} from '../../../definitions';
 import {Overlay} from '../../controls';
 import {ListIcon, WatchIcon} from '../../icons';
 import {AboutTab} from '../about/about-tab';
@@ -10,9 +10,7 @@ import {GeneralTab} from '../general/general-tab';
 import {SiteListTab} from '../site-list/site-list-tab';
 import TabPanel from '../tab-panel/tab-panel';
 
-type BodyProps = ViewProps & {
-    devtools: DevToolsData;
-};
+type BodyProps = ViewProps;
 
 export default function Body(props: BodyProps): Malevic.Child {
     const context = getContext();
 
@@ -1,29 +1,24 @@
 import {m} from 'malevic';
 import {sync} from 'malevic/dom';
-import type {DevToolsData, ExtensionData, DebugMessageBGtoCS, DebugMessageBGtoUI} from '../../definitions';
+import type {ExtensionData, DebugMessageBGtoCS, DebugMessageBGtoUI} from '../../definitions';
 import {DebugMessageTypeBGtoUI} from '../../utils/message';
 import Body from './body/body';
 import Connector from '../connect/connector';
 
 declare const __CHROMIUM_MV3__: boolean;
 
-function renderBody(data: ExtensionData, devToolsData: DevToolsData, actions: Connector) {
-    sync(document.body, <Body data={data} devtools={devToolsData} actions={actions} />);
+function renderBody(data: ExtensionData, actions: Connector) {
+    sync(document.body, <Body data={data} actions={actions} />);
 }
 
 async function start(): Promise<void> {
     const connector = new Connector();
     window.addEventListener('unload', () => connector.disconnect(), {passive: true});
 
-    let [data, devToolsData] = await Promise.all([
-        connector.getData(),
-        connector.getDevToolsData(),
-    ]);
-    renderBody(data, devToolsData, connector);
-    connector.subscribeToChanges(async (data_) => {
-        data = data_;
-        devToolsData = await connector.getDevToolsData();
-        renderBody(data, devToolsData, connector);
+    const data = await connector.getData();
+    renderBody(data, connector);
+    connector.subscribeToChanges(async (newData) => {
+        renderBody(newData, connector);
     });
 }