auto formatting

interface/public/app/manifest.json

@@ -1,12 +1,12 @@
 {
-  "name":"EMS-ESP",
+  "name": "EMS-ESP",
-  "icons":[
+  "icons": [
     {
-      "src":"/app/icon.png",
+      "src": "/app/icon.png",
-      "sizes":"48x48 72x72 96x96 128x128 256x256"
+      "sizes": "48x48 72x72 96x96 128x128 256x256"
     }
   ],
-  "start_url":"/",
+  "start_url": "/",
-  "display":"fullscreen",
+  "display": "fullscreen",
-  "orientation":"any"
+  "orientation": "any"
-}
+}

interface/src/SignIn.tsx

@@ -7,7 +7,7 @@ import { Paper, Typography, Fab } from '@material-ui/core';
 import ForwardIcon from '@material-ui/icons/Forward';
 
 import { withAuthenticationContext, AuthenticationContextProps } from './authentication/AuthenticationContext';
-import {PasswordValidator} from './components';
+import { PasswordValidator } from './components';
 import { PROJECT_NAME, SIGN_IN_ENDPOINT } from './api';
 
 const styles = (theme: Theme) => createStyles({

interface/src/ap/APSettingsController.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 
 import { AP_SETTINGS_ENDPOINT } from '../api';
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 
 import APSettingsForm from './APSettingsForm';
 import { APSettings } from './types';

interface/src/ap/APStatusController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { AP_STATUS_ENDPOINT } from '../api';
 
 import APStatusForm from './APStatusForm';

interface/src/authentication/Authentication.ts

@@ -38,7 +38,7 @@ export function fetchLoginRedirect(features: Features): H.LocationDescriptorObje
 }
 
 /**
- * Wraps the normal fetch routene with one with provides the access token if present.
+ * Wraps the normal fetch routine with one with provides the access token if present.
  */
 export function authorizedFetch(url: RequestInfo, params?: RequestInit): Promise<Response> {
   const accessToken = getStorage().getItem(ACCESS_TOKEN);
@@ -55,8 +55,8 @@ export function authorizedFetch(url: RequestInfo, params?: RequestInit): Promise
 
 /**
  * fetch() does not yet support upload progress, this wrapper allows us to configure the xhr request 
- * for a single file upload and takes care of adding the Authroization header and redirecting on 
+ * for a single file upload and takes care of adding the Authorization header and redirecting on 
- * authroization errors as we do for normal fetch operations.
+ * authorization errors as we do for normal fetch operations.
  */
 export function redirectingAuthorizedUpload(xhr: XMLHttpRequest, url: string, file: File, onProgress: (event: ProgressEvent<EventTarget>) => void): Promise<void> {
   return new Promise((resolve, reject) => {

interface/src/components/MenuAppBar.tsx

@@ -142,7 +142,7 @@ class MenuAppBar extends React.Component<MenuAppBarProps, MenuAppBarState> {
             <Divider />
           </Fragment>
         )}
-        
+
         <List>
           <ListItem to='/network/' selected={path.startsWith('/network/')} button component={Link}>
             <ListItemIcon>

interface/src/components/PasswordValidator.tsx

@@ -3,7 +3,7 @@ import { TextValidator, ValidatorComponentProps } from 'react-material-ui-form-v
 
 import { withStyles, WithStyles, createStyles } from '@material-ui/core/styles';
 import { InputAdornment, IconButton } from '@material-ui/core';
-import {Visibility,VisibilityOff } from '@material-ui/icons';
+import { Visibility, VisibilityOff } from '@material-ui/icons';
 
 const styles = createStyles({
   input: {

interface/src/index.tsx

@@ -8,6 +8,6 @@ import App from './App';
 
 render((
   <Router history={history}>
-    <App/>
+    <App />
   </Router>
 ), document.getElementById("root"))

interface/src/mqtt/MqttSettingsController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { MQTT_SETTINGS_ENDPOINT } from '../api';
 
 import MqttSettingsForm from './MqttSettingsForm';

interface/src/mqtt/MqttStatusController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { MQTT_STATUS_ENDPOINT } from '../api';
 
 import MqttStatusForm from './MqttStatusForm';

interface/src/mqtt/MqttStatusForm.tsx

@@ -29,16 +29,16 @@ class MqttStatusForm extends Component<MqttStatusFormProps> {
           </ListItem>
           <Divider variant="inset" component="li" />
           <ListItem>
-          <ListItemAvatar>
+            <ListItemAvatar>
-            <HighlightAvatar color={mqttPublishHighlight(data, theme)}>
+              <HighlightAvatar color={mqttPublishHighlight(data, theme)}>
-              <SpeakerNotesOffIcon />
+                <SpeakerNotesOffIcon />
-            </HighlightAvatar>
+              </HighlightAvatar>
-          </ListItemAvatar>
+            </ListItemAvatar>
-          <ListItemText
+            <ListItemText
-            primary="MQTT Publish Errors"
+              primary="MQTT Publish Errors"
-            secondary={data.mqtt_fails}
+              secondary={data.mqtt_fails}
-          />
+            />
-        </ListItem>
+          </ListItem>
         </Fragment>
       );
     }

interface/src/network/NetworkStatusController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import NetworkStatusForm from './NetworkStatusForm';
 import { NETWORK_STATUS_ENDPOINT } from '../api';
 import { NetworkStatus } from './types';

interface/src/ntp/NTPSettingsController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { NTP_SETTINGS_ENDPOINT } from '../api';
 
 import NTPSettingsForm from './NTPSettingsForm';

interface/src/project/EMSESPStatus.ts

@@ -30,7 +30,7 @@ export const busStatus = ({ status }: EMSESPStatus) => {
   }
 }
 
-export const qualityHighlight = ( value: number, theme: Theme) => {
+export const qualityHighlight = (value: number, theme: Theme) => {
   if (value >= 95) {
     return theme.palette.success.main;
   }

interface/src/project/ProjectMenu.tsx

@@ -26,7 +26,7 @@ class ProjectMenu extends Component<ProjectProps> {
           <ListItemIcon>
             <TuneIcon />
           </ListItemIcon>
-          <ListItemText primary="Settings" /> 
+          <ListItemText primary="Settings" />
         </ListItem>
       </List>
     );

interface/src/project/ValueForm.tsx

@@ -30,7 +30,7 @@ class ValueForm extends React.Component<ValueFormProps> {
         const { devicevalue, handleValueChange, onDoneEditing, onCancelEditing } = this.props;
         return (
             <ValidatorForm onSubmit={onDoneEditing} ref={this.formRef}>
-                <Dialog  maxWidth="xs" onClose={onCancelEditing} aria-labelledby="user-form-dialog-title" open>
+                <Dialog maxWidth="xs" onClose={onCancelEditing} aria-labelledby="user-form-dialog-title" open>
                     <DialogTitle id="user-form-dialog-title">Change the {devicevalue.name}</DialogTitle>
                     <DialogContent dividers>
                         <TextValidator

interface/src/security/ManageUsersController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { SECURITY_SETTINGS_ENDPOINT } from '../api';
 
 import ManageUsersForm from './ManageUsersForm';

interface/src/security/SecuritySettingsController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { SECURITY_SETTINGS_ENDPOINT } from '../api';
 
 import SecuritySettingsForm from './SecuritySettingsForm';

interface/src/serviceWorker.ts

@@ -12,12 +12,12 @@
 
 const isLocalhost = Boolean(
   window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
+  // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
+  window.location.hostname === '[::1]' ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
+  // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(
+  window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+    /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
+  )
 );
 
 type Config = {
@@ -51,7 +51,7 @@ export function register(config?: Config) {
         navigator.serviceWorker.ready.then(() => {
           console.log(
             'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit https://bit.ly/CRA-PWA'
+            'worker. To learn more, visit https://bit.ly/CRA-PWA'
           );
         });
       } else {
@@ -79,7 +79,7 @@ function registerValidSW(swUrl: string, config?: Config) {
               // content until all client tabs are closed.
               console.log(
                 'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+                'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
               );
 
               // Execute callback

interface/src/system/OTASettingsController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { OTA_SETTINGS_ENDPOINT } from '../api';
 
 import OTASettingsForm from './OTASettingsForm';

interface/src/system/SystemStatusController.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import {restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
+import { restController, RestControllerProps, RestFormLoader, SectionContent } from '../components';
 import { SYSTEM_STATUS_ENDPOINT } from '../api';
 
 import SystemStatusForm from './SystemStatusForm';

interface/tsconfig.json

@@ -23,4 +23,4 @@
   "include": [
     "src"
   ]
-}
+}