lukas/WordClockESP
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Don't use deprecated variants in material ui.

Browse Source
This commit is contained in:
Rick Watson
2019-04-29 00:29:31 +01:00
parent 59d2646823
commit 063fff5343
16 changed files with 70 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
interface/src/containers/APConfiguration.js
View File

@@ -25,7 +25,7 @@ class APConfiguration extends Component {
const { selectedTab } = this.state;
return (
<MenuAppBar sectionTitle="AP Configuration">
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" fullWidth scrollable>
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" variant="scrollable">
<Tab value="apStatus" label="AP Status" />
<Tab value="apSettings" label="AP Settings" />
</Tabs>

12
interface/src/containers/APStatus.js
View File

@@ -59,26 +59,26 @@ class APStatus extends Component {
</Avatar>
<ListItemText primary="Status" secondary={this.apStatus(data)} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>IP</Avatar>
<ListItemText primary="IP Address" secondary={data.ip_address} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<DeviceHubIcon />
</Avatar>
<ListItemText primary="MAC Address" secondary={data.mac_address} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<ComputerIcon />
</Avatar>
<ListItemText primary="AP Clients" secondary={data.station_num} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
</Fragment>
);
}
@@ -91,7 +91,7 @@ class APStatus extends Component {
{this.createListItems(data, fullDetails, classes)}
</Fragment>
</List>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>
@@ -118,7 +118,7 @@ class APStatus extends Component {
<Typography variant="display1" className={classes.fetching}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>

2
interface/src/containers/NTPConfiguration.js
View File

@@ -23,7 +23,7 @@ class NTPConfiguration extends Component {
const { selectedTab } = this.state;
return (
<MenuAppBar sectionTitle="NTP Configuration">
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" fullWidth scrollable>
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" variant="scrollable">
<Tab value="ntpStatus" label="NTP Status" />
<Tab value="ntpSettings" label="NTP Settings" />
</Tabs>

16
interface/src/containers/NTPStatus.js
View File

@@ -60,7 +60,7 @@ class NTPStatus extends Component {
</Avatar>
<ListItemText primary="Status" secondary={ntpStatus(data)} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
{ isSynchronized(data) &&
<Fragment>
<ListItem>
@@ -69,14 +69,14 @@ class NTPStatus extends Component {
</Avatar>
<ListItemText primary="Time Now" secondary={unixTimeToTimeAndDate(data.now)} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<SwapVerticalCircleIcon />
</Avatar>
<ListItemText primary="Last Sync" secondary={data.last_sync > 0 ? unixTimeToTimeAndDate(data.last_sync) : "never" } />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
</Fragment>
}
<ListItem>
@@ -85,21 +85,21 @@ class NTPStatus extends Component {
</Avatar>
<ListItemText primary="NTP Server" secondary={data.server} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<TimerIcon />
</Avatar>
<ListItemText primary="Sync Interval" secondary={moment.duration(data.interval, 'seconds').humanize()} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<AvTimerIcon />
</Avatar>
<ListItemText primary="Uptime" secondary={moment.duration(data.uptime, 'seconds').humanize()} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
</Fragment>
);
}
@@ -110,7 +110,7 @@ class NTPStatus extends Component {
<List>
{this.createListItems(data, fullDetails, classes)}
</List>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>
@@ -137,7 +137,7 @@ class NTPStatus extends Component {
<Typography variant="display1" className={classes.fetching}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>

2
interface/src/containers/WiFiConfiguration.js
View File

@@ -38,7 +38,7 @@ class WiFiConfiguration extends Component {
const { selectedTab } = this.state;
return (
<MenuAppBar sectionTitle="WiFi Configuration">
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" fullWidth scrollable>
<Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" variant="scrollable">
<Tab value="wifiStatus" label="WiFi Status" />
<Tab value="networkScanner" label="Network Scanner" />
<Tab value="wifiSettings" label="WiFi Settings" />

16
interface/src/containers/WiFiStatus.js
View File

@@ -67,7 +67,7 @@ class WiFiStatus extends Component {
</Avatar>
<ListItemText primary="Connection Status" secondary={connectionStatus(data)} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
{
(fullDetails && isConnected(data)) &&
<Fragment>
@@ -77,31 +77,31 @@ class WiFiStatus extends Component {
</Avatar>
<ListItemText primary="SSID" secondary={data.ssid} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>IP</Avatar>
<ListItemText primary="IP Address" secondary={data.local_ip} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>#</Avatar>
<ListItemText primary="Subnet Mask" secondary={data.subnet_mask} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<SettingsInputComponentIcon />
</Avatar>
<ListItemText primary="Gateway IP" secondary={data.gateway_ip ? data.gateway_ip : "none"} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
<ListItem>
<Avatar>
<DNSIcon />
</Avatar>
<ListItemText primary="DNS Server IP" secondary={this.dnsServers(data)} />
</ListItem>
<Divider inset component="li" />
<Divider variant="inset" component="li" />
</Fragment>
}
</Fragment>
@@ -114,7 +114,7 @@ class WiFiStatus extends Component {
<List>
{this.createListItems(data, fullDetails, classes)}
</List>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>
@@ -142,7 +142,7 @@ class WiFiStatus extends Component {
<Typography variant="display1" className={classes.fetching}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={this.props.loadData}>
<Button variant="contained" color="secondary" className={classes.button} onClick={this.props.loadData}>
Refresh
</Button>
</div>

6
interface/src/forms/APSettingsForm.js
View File

@@ -87,10 +87,10 @@ class APSettingsForm extends React.Component {
</Fragment>
}
<Button variant="raised" color="primary" className={classes.button} type="submit">
<Button variant="contained" color="primary" className={classes.button} type="submit">
Save
</Button>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
@@ -102,7 +102,7 @@ class APSettingsForm extends React.Component {
<Typography variant="display1" className={classes.loadingSettingsDetails}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
</div>

6
interface/src/forms/NTPSettingsForm.js
View File

@@ -75,10 +75,10 @@ class NTPSettingsForm extends React.Component {
margin="normal"
/>
<Button variant="raised" color="primary" className={classes.button} type="submit">
<Button variant="contained" color="primary" className={classes.button} type="submit">
Save
</Button>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
@@ -90,7 +90,7 @@ class NTPSettingsForm extends React.Component {
<Typography variant="display1" className={classes.loadingSettingsDetails}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
</div>

6
interface/src/forms/OTASettingsForm.js
View File

@@ -95,10 +95,10 @@ class OTASettingsForm extends React.Component {
margin="normal"
/>
<Button variant="raised" color="primary" className={classes.button} type="submit">
<Button variant="contained" color="primary" className={classes.button} type="submit">
Save
</Button>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
@@ -110,7 +110,7 @@ class OTASettingsForm extends React.Component {
<Typography variant="display1" className={classes.loadingSettingsDetails}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
</div>

2
interface/src/forms/WiFiNetworkSelector.js
View File

@@ -86,7 +86,7 @@ class WiFiNetworkSelector extends Component {
</div>
}
<Button variant="raised" color="secondary" className={classes.button} onClick={requestNetworkScan} disabled={scanningForNetworks}>
<Button variant="contained" color="secondary" className={classes.button} onClick={requestNetworkScan} disabled={scanningForNetworks}>
Scan again...
</Button>
</div>

6
interface/src/forms/WiFiSettingsForm.js
View File

@@ -201,10 +201,10 @@ class WiFiSettingsForm extends React.Component {
</Fragment>
}
<Button variant="raised" color="primary" className={classes.button} type="submit">
<Button variant="contained" color="primary" className={classes.button} type="submit">
Save
</Button>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
@@ -216,7 +216,7 @@ class WiFiSettingsForm extends React.Component {
<Typography variant="display1" className={classes.loadingSettingsDetails}>
{errorMessage}
</Typography>
<Button variant="raised" color="secondary" className={classes.button} onClick={onReset}>
<Button variant="contained" color="secondary" className={classes.button} onClick={onReset}>
Reset
</Button>
</div>