fix: fixing styling issues

2025-02-20 19:00:47 -05:00
parent a1715ef686
commit ce086ffa82
10 changed files with 86 additions and 147 deletions
@@ -57,28 +57,30 @@ export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
        <Input
          prefix={https ? "https://" : "http://"}
          placeholder="000.000.000.000 / meshtastic.local"
-          className="text-black"
+          className="text-black dark:text-black"
          disabled={connectionInProgress}
          {...register("ip")}
        />
        <Controller
          name="tls"
          control={control}
-          render={({ field: { value, onChange, ...rest } }) => (
-            <>
-              <Label>Use HTTPS</Label>
-              <Switch
-                onCheckedChange={onChange}
-                // label="Use TLS"
-                // description="Description"
-                disabled={
-                  location.protocol === "https:" || connectionInProgress
-                }
-                checked={value}
-                {...rest}
-              />
-            </>
-          )}
+          render={({ field: { value, onChange, ...rest } }) => {
+            console.log(value);
+
+            return (
+              <>
+                <Label>Use HTTPS</Label>
+                <Switch
+                  onCheckedChange={onChange}
+                  disabled={
+                    location.protocol === "https:" || connectionInProgress
+                  }
+                  checked={!!value}
+                  {...rest}
+                />
+              </>
+            );
+          }}
        />
      </div>
      <Button