WIP updates

src/pages/Config/AppConfig.tsx

@@ -1,25 +1,15 @@
 import type React from "react";
 import { Fragment } from "react";
 
-import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.js";
-import { MQTT } from "@components/PageComponents/ModuleConfig/MQTT.js";
-import { Serial } from "@components/PageComponents/ModuleConfig/Serial.js";
+import { Map } from "@components/PageComponents/AppConfig/Map.js";
 import { Tab } from "@headlessui/react";
 
 export const AppConfig = (): JSX.Element => {
   const configSections = [
     {
-      label: "Interface",
-      element: MQTT,
-    },
-    {
-      label: "Logging",
-      element: Serial,
-    },
-    {
-      label: "Language",
-      element: ExternalNotification,
-    },
+      label: "Map",
+      element: Map
+    }
   ];
 
   return (

src/pages/Config/DeviceConfig.tsx

@@ -18,37 +18,37 @@ export const DeviceConfig = (): JSX.Element => {
   const configSections = [
     {
       label: "User",
-      element: User,
+      element: User
     },
     {
       label: "Device",
-      element: Device,
+      element: Device
     },
     {
       label: "Position",
-      element: Position,
+      element: Position
     },
     {
       label: "Power",
-      element: Power,
+      element: Power
     },
     {
       label: "Network",
       element: Network,
-      disabled: !hardware.hasWifi,
+      disabled: !hardware.hasWifi
     },
     {
       label: "Display",
-      element: Display,
+      element: Display
     },
     {
       label: "LoRa",
-      element: LoRa,
+      element: LoRa
     },
     {
       label: "Bluetooth",
-      element: Bluetooth,
-    },
+      element: Bluetooth
+    }
   ];
 
   return (

src/pages/Config/ModuleConfig.tsx

@@ -1,5 +1,5 @@
 import type React from "react";
-import { Fragment, useState } from "react";
+import { Fragment } from "react";
 
 import { CannedMessage } from "@components/PageComponents/ModuleConfig/CannedMessage";
 import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.js";
@@ -11,37 +11,35 @@ import { Telemetry } from "@components/PageComponents/ModuleConfig/Telemetry.js"
 import { Tab } from "@headlessui/react";
 
 export const ModuleConfig = (): JSX.Element => {
-  const [selectedIndex, setSelectedIndex] = useState(0);
-
   const configSections = [
     {
       label: "MQTT",
-      element: MQTT,
+      element: MQTT
     },
     {
       label: "Serial",
-      element: Serial,
+      element: Serial
     },
     {
       label: "External Notification",
-      element: ExternalNotification,
+      element: ExternalNotification
     },
     {
       label: "Store & Forward",
-      element: StoreForward,
+      element: StoreForward
     },
     {
       label: "Range Test",
-      element: RangeTest,
+      element: RangeTest
     },
     {
       label: "Telemetry",
-      element: Telemetry,
+      element: Telemetry
     },
     {
       label: "Canned Message",
-      element: CannedMessage,
-    },
+      element: CannedMessage
+    }
   ];
 
   return (

src/pages/Config/index.tsx

@@ -4,7 +4,7 @@ import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
 import {
   Cog8ToothIcon,
   CubeTransparentIcon,
-  WindowIcon,
+  WindowIcon
 } from "@heroicons/react/24/outline";
 import { AppConfig } from "@pages/Config/AppConfig.js";
 import { DeviceConfig } from "@pages/Config/DeviceConfig.js";
@@ -15,18 +15,18 @@ export const ConfigPage = (): JSX.Element => {
     {
       name: "Device Config",
       icon: <Cog8ToothIcon className="h-4" />,
-      element: DeviceConfig,
+      element: DeviceConfig
     },
     {
       name: "Module Config",
       icon: <CubeTransparentIcon className="h-4" />,
-      element: ModuleConfig,
+      element: ModuleConfig
     },
     {
       name: "App Config",
       icon: <WindowIcon className="h-4" />,
-      element: AppConfig,
-    },
+      element: AppConfig
+    }
   ];
 
   return <TabbedContent tabs={tabs} />;