diff --git a/src/components/PageComponents/Config/Bluetooth.tsx b/src/components/PageComponents/Config/Bluetooth.tsx index 006fab47..b01d3c69 100644 --- 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(); + + const bluetoothPinChangeEvent = ( + e: React.ChangeEvent, + ) => { + 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",