diff --git a/src/components/Dialog/NewDeviceDialog.tsx b/src/components/Dialog/NewDeviceDialog.tsx index 927e4277..d3277884 100644 --- a/src/components/Dialog/NewDeviceDialog.tsx +++ b/src/components/Dialog/NewDeviceDialog.tsx @@ -16,7 +16,19 @@ import { import { Link } from "@components/UI/Typography/Link.js"; import { Subtle } from "@components/UI/Typography/Subtle.js"; -const tabs = [ +export interface TabElementProps { + closeDialog: () => void; +} + +export interface TabManifest { + label: string; + element: React.FC; + disabled: boolean; + disabledMessage: string; + disabledLink?: string; +} + +const tabs: TabManifest[] = [ { label: "HTTP", element: HTTP, @@ -74,7 +86,7 @@ export const NewDeviceDialog = ({ {tab.disabledMessage}

) : ( - + onOpenChange(false)} /> )} ))} diff --git a/src/components/Form/FormInput.tsx b/src/components/Form/FormInput.tsx index bd61a3f2..af69d882 100644 --- a/src/components/Form/FormInput.tsx +++ b/src/components/Form/FormInput.tsx @@ -11,6 +11,7 @@ export interface InputFieldProps extends BaseFormBuilderProps { properties?: { prefix?: string; suffix?: string; + step?: number; action?: { icon: LucideIcon; onClick: () => void; @@ -30,11 +31,12 @@ export function GenericInput({ render={({ field: { value, onChange, ...rest } }) => ( onChange( field.type === "number" - ? parseInt(e.target.value) + ? Number.parseInt(e.target.value) : e.target.value, ) } diff --git a/src/components/PageComponents/Config/Power.tsx b/src/components/PageComponents/Config/Power.tsx index 8698248a..824db818 100644 --- a/src/components/PageComponents/Config/Power.tsx +++ b/src/components/PageComponents/Config/Power.tsx @@ -48,6 +48,9 @@ export const Power = (): JSX.Element => { name: "adcMultiplierOverride", label: "ADC Multiplier Override ratio", description: "Used for tweaking battery voltage reading", + properties: { + step: 0.01, + }, }, { type: "number", diff --git a/src/components/PageComponents/Connect/BLE.tsx b/src/components/PageComponents/Connect/BLE.tsx index fcadd9fc..5fcbb57d 100644 --- a/src/components/PageComponents/Connect/BLE.tsx +++ b/src/components/PageComponents/Connect/BLE.tsx @@ -1,3 +1,4 @@ +import { TabElementProps } from "@app/components/Dialog/NewDeviceDialog"; import { Button } from "@components/UI/Button.js"; import { Mono } from "@components/generic/Mono.js"; import { useAppStore } from "@core/stores/appStore.js"; @@ -7,7 +8,7 @@ import { randId } from "@core/utils/randId.js"; import { BleConnection, Constants } from "@meshtastic/js"; import { useCallback, useEffect, useState } from "react"; -export const BLE = (): JSX.Element => { +export const BLE = ({ closeDialog }: TabElementProps): JSX.Element => { const [bleDevices, setBleDevices] = useState([]); const { addDevice } = useDeviceStore(); const { setSelectedDevice } = useAppStore(); @@ -30,6 +31,8 @@ export const BLE = (): JSX.Element => { }); device.addConnection(connection); subscribeAll(device, connection); + + closeDialog(); }; return ( diff --git a/src/components/PageComponents/Connect/HTTP.tsx b/src/components/PageComponents/Connect/HTTP.tsx index 8011d30e..c780e415 100644 --- a/src/components/PageComponents/Connect/HTTP.tsx +++ b/src/components/PageComponents/Connect/HTTP.tsx @@ -1,3 +1,4 @@ +import { TabElementProps } from "@app/components/Dialog/NewDeviceDialog"; import { Button } from "@components/UI/Button.js"; import { Input } from "@components/UI/Input.js"; import { Label } from "@components/UI/Label.js"; @@ -9,7 +10,7 @@ import { randId } from "@core/utils/randId.js"; import { HttpConnection } from "@meshtastic/js"; import { Controller, useForm, useWatch } from "react-hook-form"; -export const HTTP = (): JSX.Element => { +export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => { const { addDevice } = useDeviceStore(); const { setSelectedDevice } = useAppStore(); const { register, handleSubmit, control } = useForm<{ @@ -18,7 +19,7 @@ export const HTTP = (): JSX.Element => { }>({ defaultValues: { ip: ["client.meshtastic.org", "localhost"].includes( - window.location.hostname, + window.location.hostname ) ? "meshtastic.local" : window.location.hostname, @@ -45,6 +46,8 @@ export const HTTP = (): JSX.Element => { }); device.addConnection(connection); subscribeAll(device, connection); + + closeDialog(); }); return ( diff --git a/src/components/PageComponents/Connect/Serial.tsx b/src/components/PageComponents/Connect/Serial.tsx index 82dc775d..317f78d5 100644 --- a/src/components/PageComponents/Connect/Serial.tsx +++ b/src/components/PageComponents/Connect/Serial.tsx @@ -1,3 +1,4 @@ +import { TabElementProps } from "@app/components/Dialog/NewDeviceDialog"; import { Button } from "@components/UI/Button.js"; import { Mono } from "@components/generic/Mono.js"; import { useAppStore } from "@core/stores/appStore.js"; @@ -7,7 +8,7 @@ import { randId } from "@core/utils/randId.js"; import { SerialConnection } from "@meshtastic/js"; import { useCallback, useEffect, useState } from "react"; -export const Serial = (): JSX.Element => { +export const Serial = ({ closeDialog }: TabElementProps): JSX.Element => { const [serialPorts, setSerialPorts] = useState([]); const { addDevice } = useDeviceStore(); const { setSelectedDevice } = useAppStore(); @@ -40,6 +41,8 @@ export const Serial = (): JSX.Element => { .catch((e: Error) => console.log(`Unable to Connect: ${e.message}`)); device.addConnection(connection); subscribeAll(device, connection); + + closeDialog(); }; return ( diff --git a/src/components/PageComponents/ModuleConfig/MQTT.tsx b/src/components/PageComponents/ModuleConfig/MQTT.tsx index 874d7c3f..dbdce59d 100644 --- a/src/components/PageComponents/ModuleConfig/MQTT.tsx +++ b/src/components/PageComponents/ModuleConfig/MQTT.tsx @@ -115,7 +115,7 @@ export const MQTT = (): JSX.Element => { name: "proxyToClientEnabled", label: "Proxy to Client Enabled", description: - "Whether to proxy MQTT packets to the client (for example to Home Assistant)", + "Use the client's internet connection for MQTT (feature only active in mobile apps)", disabledBy: [ { fieldName: "enabled",