You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.5 KiB
92 lines
2.5 KiB
import { AmbientLighting } from "@app/components/PageComponents/ModuleConfig/AmbientLighting.tsx";
|
|
import { DetectionSensor } from "@app/components/PageComponents/ModuleConfig/DetectionSensor.tsx";
|
|
import { NeighborInfo } from "@app/components/PageComponents/ModuleConfig/NeighborInfo.tsx";
|
|
import { Audio } from "@components/PageComponents/ModuleConfig/Audio.tsx";
|
|
import { CannedMessage } from "@components/PageComponents/ModuleConfig/CannedMessage.tsx";
|
|
import { ExternalNotification } from "@components/PageComponents/ModuleConfig/ExternalNotification.tsx";
|
|
import { MQTT } from "@components/PageComponents/ModuleConfig/MQTT.tsx";
|
|
import { Paxcounter } from "@components/PageComponents/ModuleConfig/Paxcounter.tsx";
|
|
import { RangeTest } from "@components/PageComponents/ModuleConfig/RangeTest.tsx";
|
|
import { Serial } from "@components/PageComponents/ModuleConfig/Serial.tsx";
|
|
import { StoreForward } from "@components/PageComponents/ModuleConfig/StoreForward.tsx";
|
|
import { Telemetry } from "@components/PageComponents/ModuleConfig/Telemetry.tsx";
|
|
import {
|
|
Tabs,
|
|
TabsContent,
|
|
TabsList,
|
|
TabsTrigger,
|
|
} from "@components/UI/Tabs.tsx";
|
|
|
|
export const ModuleConfig = (): JSX.Element => {
|
|
const tabs = [
|
|
{
|
|
label: "MQTT",
|
|
element: MQTT,
|
|
},
|
|
{
|
|
label: "Serial",
|
|
element: Serial,
|
|
},
|
|
{
|
|
label: "Ext Notif",
|
|
element: ExternalNotification,
|
|
},
|
|
{
|
|
label: "S&F",
|
|
element: StoreForward,
|
|
},
|
|
{
|
|
label: "Range Test",
|
|
element: RangeTest,
|
|
},
|
|
{
|
|
label: "Telemetry",
|
|
element: Telemetry,
|
|
},
|
|
{
|
|
label: "Canned",
|
|
element: CannedMessage,
|
|
},
|
|
{
|
|
label: "Audio",
|
|
element: Audio,
|
|
},
|
|
{
|
|
label: "Neighbor Info",
|
|
element: NeighborInfo,
|
|
},
|
|
{
|
|
label: "Ambient Lighting",
|
|
element: AmbientLighting,
|
|
},
|
|
{
|
|
label: "Detection Sensor",
|
|
element: DetectionSensor,
|
|
},
|
|
{
|
|
label: "Paxcounter",
|
|
element: Paxcounter,
|
|
},
|
|
];
|
|
|
|
return (
|
|
<Tabs defaultValue="MQTT">
|
|
<TabsList className="dark:bg-slate-800">
|
|
{tabs.map((tab) => (
|
|
<TabsTrigger
|
|
key={tab.label}
|
|
value={tab.label}
|
|
className="dark:text-white"
|
|
>
|
|
{tab.label}
|
|
</TabsTrigger>
|
|
))}
|
|
</TabsList>
|
|
{tabs.map((tab) => (
|
|
<TabsContent key={tab.label} value={tab.label}>
|
|
<tab.element />
|
|
</TabsContent>
|
|
))}
|
|
</Tabs>
|
|
);
|
|
};
|
|
|