WIP updates

src/pages/Channels.tsx

@@ -4,7 +4,10 @@ import { Channel } from "@app/components/PageComponents/Channel.js";
 import { Button } from "@components/Button.js";
 import { TabbedContent, TabType } from "@components/layout/page/TabbedContent";
 import { useDevice } from "@core/providers/useDevice.js";
-import { QrCodeIcon } from "@heroicons/react/24/outline";
+import {
+  ArrowDownOnSquareStackIcon,
+  QrCodeIcon
+} from "@heroicons/react/24/outline";
 import { Protobuf } from "@meshtastic/meshtasticjs";
 
 export const ChannelsPage = (): JSX.Element => {
@@ -17,7 +20,7 @@ export const ChannelsPage = (): JSX.Element => {
         : channel.config.role === Protobuf.Channel_Role.PRIMARY
         ? "Primary"
         : `Channel: ${channel.config.index}`,
-      element: () => <Channel channel={channel.config} />,
+      element: () => <Channel channel={channel.config} />
     };
   });
 
@@ -25,6 +28,17 @@ export const ChannelsPage = (): JSX.Element => {
     <TabbedContent
       tabs={tabs}
       actions={[
+        () => (
+          <Button
+            variant="secondary"
+            iconBefore={<ArrowDownOnSquareStackIcon className="w-4" />}
+            onClick={() => {
+              setQRDialogOpen(true);
+            }}
+          >
+            Import
+          </Button>
+        ),
         () => (
           <Button
             variant="secondary"
@@ -35,7 +49,7 @@ export const ChannelsPage = (): JSX.Element => {
           >
             QR Code
           </Button>
-        ),
+        )
       ]}
     />
   );