diff --git a/src/components/Dialog/QRDialog.tsx b/src/components/Dialog/QRDialog.tsx
index 9a94e073..265a98de 100644
--- a/src/components/Dialog/QRDialog.tsx
+++ b/src/components/Dialog/QRDialog.tsx
@@ -1,3 +1,4 @@
+import { Field } from "@bufbuild/protobuf";
import { Checkbox } from "@components/UI/Checkbox.js";
import {
Dialog,
@@ -11,9 +12,12 @@ import { Input } from "@components/UI/Input.js";
import { Label } from "@components/UI/Label.js";
import { Protobuf, Types } from "@meshtastic/js";
import { fromByteArray } from "base64-js";
-import { ClipboardIcon } from "lucide-react";
+import { ClipboardIcon, ReplaceIcon } from "lucide-react";
import { useEffect, useState } from "react";
import { QRCode } from "react-qrcode-logo";
+import { DynamicForm } from "../Form/DynamicForm";
+import { ToggleFieldProps, ToggleInput } from "../Form/FormToggle";
+import { Button } from "../UI/Button";
export interface QRDialogProps {
open: boolean;
@@ -33,6 +37,10 @@ export const QRDialog = ({
const allChannels = Array.from(channels.values());
+ const onSubmit = () => {
+ console.log("ran");
+ };
+
useEffect(() => {
const channelsToEncode = allChannels
.filter((ch) => selectedChannels.includes(ch.index))
@@ -94,6 +102,12 @@ export const QRDialog = ({