diff --git a/src/components/SlideSheets/tabs/connect/HTTP.tsx b/src/components/SlideSheets/tabs/connect/HTTP.tsx
index d086d826..01650b61 100644
--- a/src/components/SlideSheets/tabs/connect/HTTP.tsx
+++ b/src/components/SlideSheets/tabs/connect/HTTP.tsx
@@ -1,7 +1,14 @@
import type React from "react";
-import { Button, majorScale, Pane, TextInputField } from "evergreen-ui";
-import { useForm } from "react-hook-form";
+import {
+ Button,
+ FormField,
+ majorScale,
+ Pane,
+ Switch,
+ TextInputField,
+} from "evergreen-ui";
+import { Controller, useForm } from "react-hook-form";
import { FiPlusCircle } from "react-icons/fi";
import { useAppStore } from "@core/stores/appStore.js";
@@ -17,12 +24,12 @@ export interface HTTPProps {
export const HTTP = ({ close }: HTTPProps): JSX.Element => {
const { addDevice } = useDeviceStore();
const { setSelectedDevice } = useAppStore();
- const { register, handleSubmit } = useForm<{
+ const { register, handleSubmit, control } = useForm<{
ip: string;
tls: boolean;
}>({
defaultValues: {
- ip: "meshtastic.local",
+ ip: "",
tls: false,
},
});
@@ -52,7 +59,25 @@ export const HTTP = ({ close }: HTTPProps): JSX.Element => {
padding={majorScale(2)}
gap={majorScale(2)}
>
-
+
+
+ (
+
+ )}
+ />
+