WIP

src/components/Sidebar.tsx

@@ -1,22 +1,11 @@
 import React from 'react';
 
-import type {
-  IBLEConnection,
-  IHTTPConnection,
-  ISerialConnection,
-} from '@meshtastic/meshtasticjs';
-
-import type { LanguageEnum } from '../translations/TranslationContext';
 import Channels from './Sidebar/Channels/Index';
 import Device from './Sidebar/Device/Index';
 import Nodes from './Sidebar/Nodes/Index';
 import UI from './Sidebar/UI/Index';
 
 interface SidebarProps {
-  isReady: boolean;
-  connection: ISerialConnection | IHTTPConnection | IBLEConnection;
-  language: LanguageEnum;
-  setLanguage: React.Dispatch<React.SetStateAction<LanguageEnum>>;
   myId: number;
   sidebarOpen: boolean;
   darkmode: boolean;
@@ -31,15 +20,10 @@ const Sidebar = (props: SidebarProps): JSX.Element => {
       } flex-col rounded-md md:ml-0 shadow-md border w-full max-w-sm`}
     >
       <Nodes myId={props.myId} />
-      <Device isReady={props.isReady} connection={props.connection} />
+      <Device />
       <Channels />
       <div className="flex-grow border-b"></div>
-      <UI
-        language={props.language}
-        setLanguage={props.setLanguage}
-        darkmode={props.darkmode}
-        setDarkmode={props.setDarkmode}
-      />
+      <UI darkmode={props.darkmode} setDarkmode={props.setDarkmode} />
     </div>
   );
 };