Add Import dialog, fix device icons & toggle styling

2022-12-28 10:53:52 +11:00
parent 7ce8d82aa4
commit 56aeba9140
9 changed files with 550 additions and 627 deletions
@@ -5,11 +5,14 @@ import { QRDialog } from "@components/Dialog/QRDialog.js";

 import { RebootDialog } from "./RebootDialog.js";
 import { ShutdownDialog } from "./ShutdownDialog.js";
+import { ImportDialog } from "./ImportDialog.js";

 export const DialogManager = (): JSX.Element => {
  const {
    channels,
    config,
+    importDialogOpen,
+    setImportDialogOpen,
    QRDialogOpen,
    setQRDialogOpen,
    shutdownDialogOpen,
@@ -27,6 +30,14 @@ export const DialogManager = (): JSX.Element => {
        channels={channels.map((ch) => ch.config)}
        loraConfig={config.lora}
      />
+      <ImportDialog
+        isOpen={importDialogOpen}
+        close={() => {
+          setImportDialogOpen(false);
+        }}
+        channels={channels.map((ch) => ch.config)}
+        loraConfig={config.lora}
+      />
      <ShutdownDialog
        isOpen={shutdownDialogOpen}
        close={() => {