minor style changes

upgrade react dependencies - except react-scripts which currently has an issue with eslint
https://github.com/facebook/create-react-app/issues/7753
This commit is contained in:
Rick Watson 2019-09-30 22:00:16 +01:00
parent d0fb2d982a
commit b7b068813d
4 changed files with 1411 additions and 1129 deletions

File diff suppressed because it is too large Load Diff

View File

@ -3,20 +3,20 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@material-ui/core": "^4.3.1", "@material-ui/core": "^4.4.3",
"@material-ui/icons": "^4.2.1", "@material-ui/icons": "^4.4.3",
"compression-webpack-plugin": "^2.0.0", "compression-webpack-plugin": "^2.0.0",
"jwt-decode": "^2.2.0", "jwt-decode": "^2.2.0",
"moment": "^2.24.0", "moment": "^2.24.0",
"notistack": "^0.8.9", "notistack": "^0.8.9",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "^16.8.6", "react": "^16.10.1",
"react-dom": "^16.8.6", "react-dom": "^16.10.1",
"react-form-validator-core": "^0.6.3", "react-form-validator-core": "^0.6.4",
"react-jss": "^10.0.0-alpha.23", "react-jss": "^10.0.0",
"react-material-ui-form-validator": "^2.0.9", "react-material-ui-form-validator": "^2.0.9",
"react-router": "^5.0.1", "react-router": "^5.1.1",
"react-router-dom": "^5.0.1", "react-router-dom": "^5.1.1",
"react-scripts": "3.0.1" "react-scripts": "3.0.1"
}, },
"scripts": { "scripts": {

View File

@ -29,7 +29,7 @@ export default function LoadingNotification(props) {
fetched ? fetched ?
errorMessage ? errorMessage ?
<div className={classes.loadingSettings}> <div className={classes.loadingSettings}>
<Typography variant="h4" className={classes.loadingSettingsDetails}> <Typography variant="h6" 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}>
@ -41,7 +41,7 @@ export default function LoadingNotification(props) {
: :
<div className={classes.loadingSettings}> <div className={classes.loadingSettings}>
<LinearProgress className={classes.loadingSettingsDetails} /> <LinearProgress className={classes.loadingSettingsDetails} />
<Typography variant="h4" className={classes.loadingSettingsDetails}> <Typography variant="h6" className={classes.loadingSettingsDetails}>
Loading... Loading...
</Typography> </Typography>
</div> </div>

View File

@ -69,7 +69,7 @@ class WiFiNetworkSelector extends Component {
scanningForNetworks ? scanningForNetworks ?
<div> <div>
<LinearProgress className={classes.scanningProgress}/> <LinearProgress className={classes.scanningProgress}/>
<Typography variant="h4" className={classes.scanningProgress}> <Typography variant="h6" className={classes.scanningProgress}>
Scanning... Scanning...
</Typography> </Typography>
</div> </div>
@ -80,7 +80,7 @@ class WiFiNetworkSelector extends Component {
</List> </List>
: :
<div> <div>
<Typography variant="h4" className={classes.scanningProgress}> <Typography variant="h6" className={classes.scanningProgress}>
{errorMessage} {errorMessage}
</Typography> </Typography>
</div> </div>