Interface Updates

Remove reset button from forms, rename form loader error "Reset" button to be "Retry"
Upgrade typescript and react-scripts
This commit is contained in:
rjwats 2020-08-21 10:21:25 +01:00 committed by GitHub
parent 2711cb2f1f
commit 42050b8dc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 522 additions and 664 deletions

File diff suppressed because it is too large Load Diff

View File

@ -26,9 +26,9 @@
"react-material-ui-form-validator": "^2.0.10", "react-material-ui-form-validator": "^2.0.10",
"react-router": "^5.1.2", "react-router": "^5.1.2",
"react-router-dom": "^5.1.2", "react-router-dom": "^5.1.2",
"react-scripts": "3.4.1", "react-scripts": "3.4.3",
"sockette": "^2.0.6", "sockette": "^2.0.6",
"typescript": "^3.9.5", "typescript": "^4.0.2",
"zlib": "^1.0.5" "zlib": "^1.0.5"
}, },
"scripts": { "scripts": {

View File

@ -97,9 +97,6 @@ class APSettingsForm extends React.Component<APSettingsFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -47,7 +47,7 @@ export default function RestFormLoader<D>(props: RestFormLoaderProps<D>) {
{errorMessage} {errorMessage}
</Typography> </Typography>
<Button variant="contained" color="secondary" className={classes.button} onClick={loadData}> <Button variant="contained" color="secondary" className={classes.button} onClick={loadData}>
Reset Retry
</Button> </Button>
</div> </div>
); );

View File

@ -119,9 +119,6 @@ class MqttSettingsForm extends React.Component<MqttSettingsFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -71,9 +71,6 @@ class NTPSettingsForm extends React.Component<NTPSettingsFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -84,9 +84,6 @@ function LightMqttSettingsControllerForm(props: LightMqttSettingsControllerFormP
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -61,9 +61,6 @@ function LightStateRestControllerForm(props: LightStateRestControllerFormProps)
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -166,9 +166,6 @@ class ManageUsersForm extends React.Component<ManageUsersFormProps, ManageUsersF
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit" disabled={this.noAdminConfigured()}> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit" disabled={this.noAdminConfigured()}>
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
{ {

View File

@ -42,9 +42,6 @@ class SecuritySettingsForm extends React.Component<SecuritySettingsFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -57,9 +57,6 @@ class OTASettingsForm extends React.Component<OTASettingsFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={loadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );

View File

@ -191,9 +191,6 @@ class WiFiSettingsForm extends React.Component<WiFiStatusFormProps> {
<FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit"> <FormButton startIcon={<SaveIcon />} variant="contained" color="primary" type="submit">
Save Save
</FormButton> </FormButton>
<FormButton variant="contained" color="secondary" onClick={this.deselectNetworkAndLoadData}>
Reset
</FormButton>
</FormActions> </FormActions>
</ValidatorForm> </ValidatorForm>
); );