minor fixes

src/components/PageComponents/Connect/HTTP.tsx

@@ -1,7 +1,6 @@
 import { Button } from "@components/UI/Button.js";
 import { Input } from "@components/UI/Input.js";
 import { Label } from "@components/UI/Label.js";
-import { SelectLabel } from "@components/UI/Select.js";
 import { Switch } from "@components/UI/Switch.js";
 import { useAppStore } from "@core/stores/appStore.js";
 import { useDeviceStore } from "@core/stores/deviceStore.js";
@@ -27,19 +26,19 @@ export const HTTP = (): JSX.Element => {
     },
   });
 
-  const TLSEnabled = useWatch({
+  const tlsEnabled = useWatch({
     control,
     name: "tls",
     defaultValue: location.protocol === "https:",
   });
 
-  const onSubmit = handleSubmit((data) => {
+  const onSubmit = handleSubmit(async (data) => {
     const id = randId();
     const device = addDevice(id);
     setSelectedDevice(id);
     const connection = new IHTTPConnection(id);
     // TODO: Promise never resolves
-    void connection.connect({
+    await connection.connect({
       address: data.ip,
       fetchInterval: 2000,
       tls: data.tls,
@@ -49,13 +48,12 @@ export const HTTP = (): JSX.Element => {
   });
 
   return (
-    // eslint-disable-next-line @typescript-eslint/no-misused-promises
     <form className="flex w-full flex-col gap-2 p-4" onSubmit={onSubmit}>
       <div className="flex h-48 flex-col gap-2">
         <Label>IP Address/Hostname</Label>
         <Input
           // label="IP Address/Hostname"
-          prefix={TLSEnabled ? "https://" : "http://"}
+          prefix={tlsEnabled ? "https://" : "http://"}
           placeholder="000.000.000.000 / meshtastic.local"
           {...register("ip")}
         />