fix: validate bluetooth pin is 6 characters.

src/components/PageComponents/Connect/HTTP.tsx

@@ -12,7 +12,7 @@ import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 
 export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
-  const [https, setHTTPs] = useState();
+  const [https, setHTTPS] = useState(false);
   const { addDevice } = useDeviceStore();
   const { setSelectedDevice } = useAppStore();
   const { register, handleSubmit, control, watch } = useForm<{
@@ -64,21 +64,23 @@ export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
         <Controller
           name="tls"
           control={control}
-          render={({ field: { value, onChange, ...rest } }) => {
+          render={({ field: { value, ...rest } }) => (
-            return (
             <>
               <Label>Use HTTPS</Label>
               <Switch
-                  onCheckedChange={(e) => {}}
+                onCheckedChange={(checked) => {
+                  checked ? setHTTPS(true) : setHTTPS(false);
+                }}
+                // label="Use TLS"
+                // description="Description"
                 disabled={
                   location.protocol === "https:" || connectionInProgress
                 }
-                  checked={!!value}
+                checked={value}
                 {...rest}
               />
             </>
-            );
+          )}
-          }}
         />
       </div>
       <Button

src/core/stores/appStore.ts

@@ -14,6 +14,11 @@ interface ErrorState {
   message: string;
 }
 
+interface ErrorState {
+  field: string;
+  message: string;
+}
+
 interface AppState {
   selectedDevice: number;
   devices: {