Add pin validation

meshtastic · Nov 10, 2024 · 2bd80bb · 2bd80bb
1 parent de597d2
commit 2bd80bb
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/PageComponents/Config/Bluetooth.tsx b/src/components/PageComponents/Config/Bluetooth.tsx
@@ -2,9 +2,24 @@ import type { BluetoothValidation } from "@app/validation/config/bluetooth.tsx";
 import { DynamicForm } from "@components/Form/DynamicForm.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import { Protobuf } from "@meshtastic/js";
+import { useState } from "react";
 
 export const Bluetooth = (): JSX.Element => {
   const { config, setWorkingConfig } = useDevice();
+  const [bluetoothValidationText, setBluetoothValidationText] = useState<string>();
+
+  const bluetoothPinChangeEvent = (
+    e: React.ChangeEvent<HTMLInputElement>,
+  ) => {
+    if (e.target.value[0] == "0")
+    {
+      setBluetoothValidationText("Bluetooth Pin cannot start with 0.");
+    }
+    else
+    {
+      setBluetoothValidationText("");
+    }
+  }
 
   const onSubmit = (data: BluetoothValidation) => {
     setWorkingConfig(
@@ -52,6 +67,8 @@ export const Bluetooth = (): JSX.Element => {
               name: "fixedPin",
               label: "Pin",
               description: "Pin to use when pairing",
+              validationText: bluetoothValidationText,
+              inputChange: bluetoothPinChangeEvent,
               disabledBy: [
                 {
                   fieldName: "mode",