64 lines
1.7 KiB
JavaScript
64 lines
1.7 KiB
JavaScript
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { WIFI_SETTINGS_ENDPOINT } from '../constants/Endpoints';
|
|
import { restComponent } from '../components/RestComponent';
|
|
import SectionContent from '../components/SectionContent';
|
|
import WiFiSettingsForm from '../forms/WiFiSettingsForm';
|
|
|
|
class WiFiSettings extends Component {
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.deselectNetworkAndLoadData = this.deselectNetworkAndLoadData.bind(this);
|
|
}
|
|
|
|
componentDidMount() {
|
|
const { selectedNetwork } = this.props;
|
|
if (selectedNetwork) {
|
|
var wifiSettings = {
|
|
ssid:selectedNetwork.ssid,
|
|
password:"",
|
|
hostname:"esp8266-react",
|
|
static_ip_config:false,
|
|
}
|
|
this.props.setData(wifiSettings);
|
|
} else {
|
|
this.props.loadData();
|
|
}
|
|
}
|
|
|
|
deselectNetworkAndLoadData() {
|
|
this.props.deselectNetwork();
|
|
this.props.loadData();
|
|
}
|
|
|
|
render() {
|
|
const { data, fetched, errorMessage, selectedNetwork } = this.props;
|
|
return (
|
|
<SectionContent title="WiFi Settings">
|
|
<WiFiSettingsForm
|
|
wifiSettings={data}
|
|
wifiSettingsFetched={fetched}
|
|
errorMessage={errorMessage}
|
|
selectedNetwork={selectedNetwork}
|
|
deselectNetwork={this.props.deselectNetwork}
|
|
onSubmit={this.props.saveData}
|
|
onReset={this.deselectNetworkAndLoadData}
|
|
handleValueChange={this.props.handleValueChange}
|
|
handleCheckboxChange={this.props.handleCheckboxChange}
|
|
/>
|
|
</SectionContent>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
WiFiSettings.propTypes = {
|
|
deselectNetwork: PropTypes.func,
|
|
selectedNetwork: PropTypes.object
|
|
};
|
|
|
|
export default restComponent(WIFI_SETTINGS_ENDPOINT, WiFiSettings);
|