WIP config update

src/components/PageComponents/Config/Bluetooth.tsx

@@ -71,10 +71,6 @@ export const Bluetooth = (): JSX.Element => {
 
   return (
     <Form
-      title="Bluetooth Config"
-      breadcrumbs={["Config", "Bluetooth"]}
-      reset={() => reset(config.bluetooth)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <Controller

src/components/PageComponents/Config/Device.tsx

@@ -64,10 +64,6 @@ export const Device = (): JSX.Element => {
 
   return (
     <Form
-      title="Device Config"
-      breadcrumbs={["Config", "Device"]}
-      reset={() => reset(config.device)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <Select

src/components/PageComponents/Config/Display.tsx

@@ -7,7 +7,7 @@ import { toast } from "react-hot-toast";
 import { Input } from "@app/components/form/Input.js";
 import { Select } from "@app/components/form/Select.js";
 import { Toggle } from "@app/components/form/Toggle.js";
-import { DisplayValidation } from "@app/validation/config/display.js";
+import type { DisplayValidation } from "@app/validation/config/display.js";
 import { Form } from "@components/form/Form";
 import { useDevice } from "@core/providers/useDevice.js";
 import { renderOptions } from "@core/utils/selectEnumOptions.js";
@@ -22,54 +22,48 @@ export const Display = (): JSX.Element => {
     formState: { errors, isDirty },
     reset,
     control
-  } = useForm<Protobuf.Config_DisplayConfig>({
-    defaultValues: config.display,
-    resolver: classValidatorResolver(DisplayValidation)
+  } = useForm<DisplayValidation>({
+    defaultValues: config.display
+    // resolver: classValidatorResolver(DisplayValidation)
   });
 
-  useEffect(() => {
-    reset(config.display);
-  }, [reset, config.display]);
+  // useEffect(() => {
+  //   reset(config.display);
+  // }, [reset, config.display]);
 
   const onSubmit = handleSubmit((data) => {
-    if (connection) {
-      void toast.promise(
-        connection
-          .setConfig(
-            new Protobuf.Config({
-              payloadVariant: {
-                case: "display",
-                value: data
-              }
-            })
-          )
-          .then(() =>
-            setConfig(
-              new Protobuf.Config({
-                payloadVariant: {
-                  case: "display",
-                  value: data
-                }
-              })
-            )
-          ),
-        {
-          loading: "Saving...",
-          success: "Saved Display Config, Restarting Node",
-          error: "No response received"
-        }
-      );
-    }
+    // if (connection) {
+    //   void toast.promise(
+    //     connection
+    //       .setConfig(
+    //         new Protobuf.Config({
+    //           payloadVariant: {
+    //             case: "display",
+    //             value: data
+    //           }
+    //         })
+    //       )
+    //       .then(() =>
+    //         setConfig(
+    //           new Protobuf.Config({
+    //             payloadVariant: {
+    //               case: "display",
+    //               value: data
+    //             }
+    //           })
+    //         )
+    //       ),
+    //     {
+    //       loading: "Saving...",
+    //       success: "Saved Display Config, Restarting Node",
+    //       error: "No response received"
+    //     }
+    //   );
+    // }
   });
 
   return (
-    <Form
-      title="Display Config"
-      breadcrumbs={["Config", "Display"]}
-      reset={() => reset(config.display)}
-      dirty={isDirty}
-      onSubmit={onSubmit}
-    >
+    <Form onSubmit={onSubmit}>
       <Input
         label="Screen Timeout"
         description="Turn off the display after this long"

src/components/PageComponents/Config/LoRa.tsx

@@ -72,10 +72,6 @@ export const LoRa = (): JSX.Element => {
 
   return (
     <Form
-      title="LoRa Config"
-      breadcrumbs={["Config", "LoRa"]}
-      reset={() => reset(config.lora)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <FormSection title="Modem Settings">

src/components/PageComponents/Config/Network.tsx

@@ -85,10 +85,6 @@ export const Network = (): JSX.Element => {
 
   return (
     <Form
-      title="Network Config"
-      breadcrumbs={["Config", "Network"]}
-      reset={() => reset(config.network)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <ErrorMessage errors={errors} name="wifiEnabled" />

src/components/PageComponents/Config/Position.tsx

@@ -108,10 +108,6 @@ export const Position = (): JSX.Element => {
 
   return (
     <Form
-      title="Position Config"
-      breadcrumbs={["Config", "Position"]}
-      reset={() => reset(config.position)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <Controller

src/components/PageComponents/Config/Power.tsx

@@ -63,10 +63,6 @@ export const Power = (): JSX.Element => {
 
   return (
     <Form
-      title="Power Config"
-      breadcrumbs={["Config", "Power"]}
-      reset={() => reset(config.power)}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <Input

src/components/PageComponents/Config/User.tsx

@@ -62,16 +62,6 @@ export const User = (): JSX.Element => {
 
   return (
     <Form
-      title="User Config"
-      breadcrumbs={["Config", "User"]}
-      reset={() => {
-        reset({
-          longName: myNode?.data.user?.longName,
-          shortName: myNode?.data.user?.shortName,
-          isLicensed: myNode?.data.user?.isLicensed
-        });
-      }}
-      dirty={isDirty}
       onSubmit={onSubmit}
     >
       <ErrorMessage errors={errors} name="longName" />