Sacha Weatherstone
4 years ago
24 changed files with 1593 additions and 1539 deletions
File diff suppressed because it is too large
@ -1,110 +0,0 @@ |
|||||
import type React from 'react'; |
|
||||
import { useState } from 'react'; |
|
||||
|
|
||||
import { useForm } from 'react-hook-form'; |
|
||||
|
|
||||
import { Checkbox } from '@components/generic/form/Checkbox'; |
|
||||
import { Form } from '@components/generic/form/Form'; |
|
||||
import { Input } from '@components/generic/form/Input'; |
|
||||
import { Select } from '@components/generic/form/Select'; |
|
||||
import { connection } from '@core/connection'; |
|
||||
import { useAppSelector } from '@hooks/useAppSelector'; |
|
||||
import { Protobuf } from '@meshtastic/meshtasticjs'; |
|
||||
|
|
||||
export const Channels = (): JSX.Element => { |
|
||||
const channels = useAppSelector((state) => state.meshtastic.radio.channels); |
|
||||
const adminChannel = |
|
||||
channels.find( |
|
||||
(channel) => channel.role === Protobuf.Channel_Role.PRIMARY, |
|
||||
) ?? channels[0]; |
|
||||
const [usePreset, setUsePreset] = useState(true); |
|
||||
const [loading, setLoading] = useState(false); |
|
||||
const [selectedChannel, setSelectedChannel] = useState< |
|
||||
Protobuf.Channel | undefined |
|
||||
>(); |
|
||||
|
|
||||
const { register, handleSubmit, reset, formState } = useForm< |
|
||||
DeepOmit<Protobuf.Channel, 'psk'> |
|
||||
>({ |
|
||||
defaultValues: { |
|
||||
...adminChannel, |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
const onSubmit = handleSubmit(async (data) => { |
|
||||
setLoading(true); |
|
||||
|
|
||||
const channelData = Protobuf.Channel.create({ |
|
||||
...data, |
|
||||
settings: { |
|
||||
...data.settings, |
|
||||
psk: adminChannel.settings?.psk, |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
await connection.setChannel(channelData, (): Promise<void> => { |
|
||||
reset({ ...data }); |
|
||||
setLoading(false); |
|
||||
return Promise.resolve(); |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
return ( |
|
||||
<> |
|
||||
{adminChannel && ( |
|
||||
<> |
|
||||
<Checkbox |
|
||||
checked={usePreset} |
|
||||
label="Use Presets" |
|
||||
onChange={(e): void => setUsePreset(e.target.checked)} |
|
||||
/> |
|
||||
<Form loading={loading} dirty={!formState.isDirty} submit={onSubmit}> |
|
||||
{usePreset ? ( |
|
||||
<Select |
|
||||
label="Preset" |
|
||||
optionsEnum={Protobuf.ChannelSettings_ModemConfig} |
|
||||
{...register('settings.modemConfig', { |
|
||||
valueAsNumber: true, |
|
||||
})} |
|
||||
/> |
|
||||
) : ( |
|
||||
<> |
|
||||
<Input |
|
||||
label="Bandwidth" |
|
||||
type="number" |
|
||||
suffix="MHz" |
|
||||
{...register('settings.bandwidth', { |
|
||||
valueAsNumber: true, |
|
||||
})} |
|
||||
/> |
|
||||
<Input |
|
||||
label="Spread Factor" |
|
||||
type="number" |
|
||||
suffix="CPS" |
|
||||
min={7} |
|
||||
max={12} |
|
||||
{...register('settings.spreadFactor', { |
|
||||
valueAsNumber: true, |
|
||||
})} |
|
||||
/> |
|
||||
<Input |
|
||||
label="Coding Rate" |
|
||||
type="number" |
|
||||
{...register('settings.codingRate', { |
|
||||
valueAsNumber: true, |
|
||||
})} |
|
||||
/> |
|
||||
</> |
|
||||
)} |
|
||||
<Input |
|
||||
label="Transmit Power" |
|
||||
type="number" |
|
||||
suffix="dBm" |
|
||||
{...register('settings.txPower', { valueAsNumber: true })} |
|
||||
/> |
|
||||
</Form> |
|
||||
</> |
|
||||
)} |
|
||||
</> |
|
||||
); |
|
||||
}; |
|
||||
Loading…
Reference in new issue