auto formatting

interface/public/app/manifest.json

@@ -1,12 +1,12 @@
 {
-  "name":"EMS-ESP",
-  "icons":[
+  "name": "EMS-ESP",
+  "icons": [
     {
-      "src":"/app/icon.png",
-      "sizes":"48x48 72x72 96x96 128x128 256x256"
+      "src": "/app/icon.png",
+      "sizes": "48x48 72x72 96x96 128x128 256x256"
     }
   ],
-  "start_url":"/",
-  "display":"fullscreen",
-  "orientation":"any"
+  "start_url": "/",
+  "display": "fullscreen",
+  "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 
- * authroization errors as we do for normal fetch operations.
+ * for a single file upload and takes care of adding the Authorization header and redirecting on 
+ * 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/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/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/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/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';