import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import { withStyles } from '@material-ui/core/styles'; import Button from '@material-ui/core/Button'; import LinearProgress from '@material-ui/core/LinearProgress'; import Typography from '@material-ui/core/Typography'; import MenuItem from '@material-ui/core/MenuItem'; import { TextValidator, ValidatorForm, SelectValidator } from 'react-material-ui-form-validator'; import {isAPEnabled} from '../constants/WiFiAPModes'; import PasswordValidator from '../components/PasswordValidator'; const styles = theme => ({ loadingSettings: { margin: theme.spacing.unit, }, loadingSettingsDetails: { margin: theme.spacing.unit * 4, textAlign: "center" }, textField: { width: "100%" }, selectField:{ width: "100%", marginTop: theme.spacing.unit * 2, marginBottom: theme.spacing.unit }, button: { marginRight: theme.spacing.unit * 2, marginTop: theme.spacing.unit * 2, } }); class APSettingsForm extends React.Component { render() { const { classes, apSettingsFetched, apSettings, errorMessage, handleValueChange, onSubmit, onReset } = this.props; return (