Fix MQTT config

src/components/PageComponents/ModuleConfig/MQTT.tsx

@@ -25,7 +25,7 @@ export const MQTT = (): JSX.Element => {
 
   const moduleEnabled = useWatch({
     control,
-    name: "disabled",
+    name: "enabled",
     defaultValue: false,
   });
 
@@ -54,11 +54,11 @@ export const MQTT = (): JSX.Element => {
       <FormField
         label="Module Disabled"
         description="Description"
-        isInvalid={!!errors.disabled?.message}
-        validationMessage={errors.disabled?.message}
+        isInvalid={!!errors.enabled?.message}
+        validationMessage={errors.enabled?.message}
       >
         <Controller
-          name="disabled"
+          name="enabled"
           control={control}
           render={({ field: { value, ...field } }) => (
             <Switch height={24} marginLeft="auto" checked={value} {...field} />
@@ -68,13 +68,13 @@ export const MQTT = (): JSX.Element => {
       <TextInputField
         label="MQTT Server Address"
         description="Max transmit power in dBm"
-        disabled={moduleEnabled}
+        disabled={!moduleEnabled}
         {...register("address")}
       />
       <TextInputField
         label="MQTT Username"
         description="Max transmit power in dBm"
-        disabled={moduleEnabled}
+        disabled={!moduleEnabled}
         {...register("username")}
       />
       <TextInputField
@@ -82,13 +82,13 @@ export const MQTT = (): JSX.Element => {
         description="Max transmit power in dBm"
         type="password"
         autoComplete="off"
-        disabled={moduleEnabled}
+        disabled={!moduleEnabled}
         {...register("password")}
       />
       <FormField
         label="Encryption Enabled"
         description="Description"
-        disabled={moduleEnabled}
+        disabled={!moduleEnabled}
         isInvalid={!!errors.encryptionEnabled?.message}
         validationMessage={errors.encryptionEnabled?.message}
       >