Interface Updates

Remove reset button from forms, rename form loader error "Reset" button to be "Retry"
Upgrade typescript and react-scripts

Author: rjwats

interface/package-lock.json

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

interface/package.json

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

interface/src/ap/APSettingsForm.tsx

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

interface/src/components/RestFormLoader.tsx

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

interface/src/mqtt/MqttSettingsForm.tsx

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

interface/src/ntp/NTPSettingsForm.tsx

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

interface/src/project/LightMqttSettingsController.tsx

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

interface/src/project/LightStateRestController.tsx

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

interface/src/security/ManageUsersForm.tsx

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