don't use deprecated variants
This commit is contained in:
parent
16eedb8171
commit
f93804c240
@ -16,7 +16,7 @@ function SectionContent(props) {
|
|||||||
const { children, classes, title } = props;
|
const { children, classes, title } = props;
|
||||||
return (
|
return (
|
||||||
<Paper className={classes.content}>
|
<Paper className={classes.content}>
|
||||||
<Typography variant="display1">
|
<Typography variant="h4">
|
||||||
{title}
|
{title}
|
||||||
</Typography>
|
</Typography>
|
||||||
{children}
|
{children}
|
||||||
|
@ -107,7 +107,7 @@ class APStatus extends Component {
|
|||||||
!fetched ?
|
!fetched ?
|
||||||
<div>
|
<div>
|
||||||
<LinearProgress className={classes.fetching}/>
|
<LinearProgress className={classes.fetching}/>
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -115,7 +115,7 @@ class APStatus extends Component {
|
|||||||
data ? this.renderAPStatus(data, classes)
|
data ? this.renderAPStatus(data, classes)
|
||||||
:
|
:
|
||||||
<div>
|
<div>
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
||||||
|
@ -126,7 +126,7 @@ class NTPStatus extends Component {
|
|||||||
!fetched ?
|
!fetched ?
|
||||||
<div>
|
<div>
|
||||||
<LinearProgress className={classes.fetching}/>
|
<LinearProgress className={classes.fetching}/>
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -134,7 +134,7 @@ class NTPStatus extends Component {
|
|||||||
data ? this.renderNTPStatus(data, classes)
|
data ? this.renderNTPStatus(data, classes)
|
||||||
:
|
:
|
||||||
<div>
|
<div>
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
||||||
|
@ -137,7 +137,7 @@ class WiFiStatus extends Component {
|
|||||||
!fetched ?
|
!fetched ?
|
||||||
<div>
|
<div>
|
||||||
<LinearProgress className={classes.fetching} />
|
<LinearProgress className={classes.fetching} />
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -145,7 +145,7 @@ class WiFiStatus extends Component {
|
|||||||
data ? this.renderWiFiStatus(data, classes)
|
data ? this.renderWiFiStatus(data, classes)
|
||||||
:
|
:
|
||||||
<div>
|
<div>
|
||||||
<Typography variant="display1" className={classes.fetching}>
|
<Typography variant="h4" className={classes.fetching}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
|
||||||
|
@ -45,7 +45,7 @@ class APSettingsForm extends React.Component {
|
|||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<LinearProgress className={classes.loadingSettingsDetails}/>
|
<LinearProgress className={classes.loadingSettingsDetails}/>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -99,7 +99,7 @@ class APSettingsForm extends React.Component {
|
|||||||
:
|
:
|
||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
||||||
|
@ -43,7 +43,7 @@ class NTPSettingsForm extends React.Component {
|
|||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<LinearProgress className={classes.loadingSettingsDetails}/>
|
<LinearProgress className={classes.loadingSettingsDetails}/>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -87,7 +87,7 @@ class NTPSettingsForm extends React.Component {
|
|||||||
:
|
:
|
||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
||||||
|
@ -51,7 +51,7 @@ class OTASettingsForm extends React.Component {
|
|||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<LinearProgress className={classes.loadingSettingsDetails}/>
|
<LinearProgress className={classes.loadingSettingsDetails}/>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -107,7 +107,7 @@ class OTASettingsForm extends React.Component {
|
|||||||
:
|
:
|
||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
||||||
|
@ -69,7 +69,7 @@ class WiFiNetworkSelector extends Component {
|
|||||||
scanningForNetworks ?
|
scanningForNetworks ?
|
||||||
<div>
|
<div>
|
||||||
<LinearProgress className={classes.scanningProgress}/>
|
<LinearProgress className={classes.scanningProgress}/>
|
||||||
<Typography variant="display1" className={classes.scanningProgress}>
|
<Typography variant="h4" className={classes.scanningProgress}>
|
||||||
Scanning...
|
Scanning...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -80,7 +80,7 @@ class WiFiNetworkSelector extends Component {
|
|||||||
</List>
|
</List>
|
||||||
:
|
:
|
||||||
<div>
|
<div>
|
||||||
<Typography variant="display1" className={classes.scanningProgress}>
|
<Typography variant="h4" className={classes.scanningProgress}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
|
@ -88,7 +88,7 @@ class WiFiSettingsForm extends React.Component {
|
|||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<LinearProgress className={classes.loadingSettingsDetails}/>
|
<LinearProgress className={classes.loadingSettingsDetails}/>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
Loading...
|
Loading...
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
@ -213,7 +213,7 @@ class WiFiSettingsForm extends React.Component {
|
|||||||
:
|
:
|
||||||
|
|
||||||
<div className={classes.loadingSettings}>
|
<div className={classes.loadingSettings}>
|
||||||
<Typography variant="display1" className={classes.loadingSettingsDetails}>
|
<Typography variant="h4" className={classes.loadingSettingsDetails}>
|
||||||
{errorMessage}
|
{errorMessage}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
|
||||||
|
Loading…
Reference in New Issue
Block a user