wbm-midi-command-picker-react

For "easy" control of Raspbian settings

• Edit network address settings
• Edit Hostname
• Reboot

USE

NetworkInput

Inputs for

• IP address
• Subnet Mask with validity checking
• Gateway
• DNS Server
• Hostname

props

settings = {}

sendNewSettings()

Example

let settings = {
    hostname: 'Hostname',
    ip: ['192','168','1','123'],
    mask:['255','255','255','0'],
    gateway:['192','168','1','1'],
    dns:['8','8','8','8']
}

const updateSettings= (newSettings) => console.log(newSettings)
/*
Should Long something like
{
    hostname: 'Hostname',
    ip: ['192','168','1','123'],
    mask:['255','255','255','0'],
    gateway:['192','168','1','1'],
    dns:['8','8','8','8']
}
*/

//////////////////////////////////////////////////
<NetworkInput settings={settings} sendNewSettings={updateSettings} />

TimeZoneInput

Timezone selection dropdown

props

zone = "String"

zones = ["zone1", "zone2", ...]

setZone()

use

const zones = ['east', 'west', 'central', 'mountain']
let zone = 'east'
const updateZone = (newZone) => zone=newZone
/////////////////////////
<TimeZoneInput zone={zone} zones={zones} setZone={updateZone} />

Restart

Restart button and confirm popup

props

reboot()

Use

const executeReboot = () => console.log("REBOOT")
/////////////////////////
<Restart reboot={executeReboot} />