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.
76 lines
2.6 KiB
76 lines
2.6 KiB
import { useDevice } from "@app/core/stores/deviceStore.ts";
|
|
import { PageLayout } from "@components/PageLayout.tsx";
|
|
import { Sidebar } from "@components/Sidebar.tsx";
|
|
import { SidebarSection } from "@components/UI/Sidebar/SidebarSection.tsx";
|
|
import { SidebarButton } from "@components/UI/Sidebar/sidebarButton.tsx";
|
|
import { useToast } from "@core/hooks/useToast.ts";
|
|
import { DeviceConfig } from "@pages/Config/DeviceConfig.tsx";
|
|
import { ModuleConfig } from "@pages/Config/ModuleConfig.tsx";
|
|
import { BoxesIcon, SaveIcon, SettingsIcon } from "lucide-react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useState } from "react";
|
|
|
|
export const ConfigPage = (): JSX.Element => {
|
|
const { workingConfig, workingModuleConfig, connection } = useDevice();
|
|
const [activeConfigSection, setActiveConfigSection] = useState<
|
|
"device" | "module"
|
|
>("device");
|
|
const { toast } = useToast();
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<>
|
|
<Sidebar>
|
|
<SidebarSection label="Config Sections">
|
|
<SidebarButton
|
|
label={t("Radio Config")}
|
|
active={activeConfigSection === "device"}
|
|
onClick={() => setActiveConfigSection("device")}
|
|
Icon={SettingsIcon}
|
|
/>
|
|
<SidebarButton
|
|
label={t("Module Config")}
|
|
active={activeConfigSection === "module"}
|
|
onClick={() => setActiveConfigSection("module")}
|
|
Icon={BoxesIcon}
|
|
/>
|
|
</SidebarSection>
|
|
</Sidebar>
|
|
<PageLayout
|
|
label={
|
|
activeConfigSection === "device" ? "Radio Config" : "Module Config"
|
|
}
|
|
actions={[
|
|
{
|
|
icon: SaveIcon,
|
|
async onClick() {
|
|
if (activeConfigSection === "device") {
|
|
workingConfig.map(
|
|
async (config) =>
|
|
await connection?.setConfig(config).then(() =>
|
|
toast({
|
|
title: `Config ${config.payloadVariant.case} saved`,
|
|
})
|
|
)
|
|
);
|
|
} else {
|
|
workingModuleConfig.map(
|
|
async (moduleConfig) =>
|
|
await connection?.setModuleConfig(moduleConfig).then(() =>
|
|
toast({
|
|
title: `Config ${moduleConfig.payloadVariant.case} saved`,
|
|
})
|
|
)
|
|
);
|
|
}
|
|
|
|
await connection?.commitEditSettings();
|
|
},
|
|
},
|
|
]}
|
|
>
|
|
{activeConfigSection === "device" ? <DeviceConfig /> : <ModuleConfig />}
|
|
</PageLayout>
|
|
</>
|
|
);
|
|
};
|
|
|