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
@@ -11,7 +11,7 @@ import {
 import { Protobuf } from "@meshtastic/meshtasticjs";

 export const ChannelsPage = (): JSX.Element => {
-  const { channels, setQRDialogOpen } = useDevice();
+  const { channels, setQRDialogOpen, setImportDialogOpen } = useDevice();

  const tabs: TabType[] = channels.map((channel) => {
    return {
@@ -33,7 +33,7 @@ export const ChannelsPage = (): JSX.Element => {
            variant="secondary"
            iconBefore={<ArrowDownOnSquareStackIcon className="w-4" />}
            onClick={() => {
-              setQRDialogOpen(true);
+              setImportDialogOpen(true);
            }}
          >
            Import