eslint

interface/src/SignIn.tsx

@@ -2,53 +2,63 @@ import React, { Component } from 'react';
 import { withSnackbar, WithSnackbarProps } from 'notistack';
 import { TextValidator, ValidatorForm } from 'react-material-ui-form-validator';
 
-import { withStyles, createStyles, Theme, WithStyles } from '@material-ui/core/styles';
+import {
+  withStyles,
+  createStyles,
+  Theme,
+  WithStyles
+} from '@material-ui/core/styles';
 import { Paper, Typography, Fab } from '@material-ui/core';
 import ForwardIcon from '@material-ui/icons/Forward';
 
-import { withAuthenticationContext, AuthenticationContextProps } from './authentication/AuthenticationContext';
+import {
+  withAuthenticationContext,
+  AuthenticationContextProps
+} from './authentication/AuthenticationContext';
 import { PasswordValidator } from './components';
 import { PROJECT_NAME, SIGN_IN_ENDPOINT } from './api';
 
-const styles = (theme: Theme) => createStyles({
-  signInPage: {
-    display: "flex",
-    height: "100vh",
-    margin: "auto",
-    padding: theme.spacing(2),
-    justifyContent: "center",
-    flexDirection: "column",
-    maxWidth: theme.breakpoints.values.sm
-  },
-  signInPanel: {
-    textAlign: "center",
-    padding: theme.spacing(2),
-    paddingTop: "200px",
-    backgroundImage: 'url("/app/icon.png")',
-    backgroundRepeat: "no-repeat",
-    backgroundPosition: "50% " + theme.spacing(2) + "px",
-    backgroundSize: "auto 150px",
-    width: "100%"
-  },
-  extendedIcon: {
-    marginRight: theme.spacing(0.5),
-  },
-  button: {
-    marginRight: theme.spacing(2),
-    marginTop: theme.spacing(2),
-  }
-});
+const styles = (theme: Theme) =>
+  createStyles({
+    signInPage: {
+      display: 'flex',
+      height: '100vh',
+      margin: 'auto',
+      padding: theme.spacing(2),
+      justifyContent: 'center',
+      flexDirection: 'column',
+      maxWidth: theme.breakpoints.values.sm
+    },
+    signInPanel: {
+      textAlign: 'center',
+      padding: theme.spacing(2),
+      paddingTop: '200px',
+      backgroundImage: 'url("/app/icon.png")',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: '50% ' + theme.spacing(2) + 'px',
+      backgroundSize: 'auto 150px',
+      width: '100%'
+    },
+    extendedIcon: {
+      marginRight: theme.spacing(0.5)
+    },
+    button: {
+      marginRight: theme.spacing(2),
+      marginTop: theme.spacing(2)
+    }
+  });
 
-type SignInProps = WithSnackbarProps & WithStyles<typeof styles> & AuthenticationContextProps;
+type SignInProps = WithSnackbarProps &
+  WithStyles<typeof styles> &
+  AuthenticationContextProps;
 
 interface SignInState {
-  username: string,
-  password: string,
-  processing: boolean
+  username: string;
+  password: string;
+  processing: boolean;
 }
 
 class SignIn extends Component<SignInProps, SignInState> {
-
   constructor(props: SignInProps) {
     super(props);
     this.state = {
@@ -60,10 +70,10 @@ class SignIn extends Component<SignInProps, SignInState> {
 
   updateInputElement = (event: React.ChangeEvent<HTMLInputElement>): void => {
     const { name, value } = event.currentTarget;
-    this.setState(prevState => ({
+    this.setState((prevState) => ({
       ...prevState,
-      [name]: value,
-    }))
+      [name]: value
+    }));
   };
 
   onSubmit = () => {
@@ -77,20 +87,21 @@ class SignIn extends Component<SignInProps, SignInState> {
         'Content-Type': 'application/json'
       })
     })
-      .then(response => {
+      .then((response) => {
         if (response.status === 200) {
           return response.json();
         } else if (response.status === 401) {
-          throw Error("Invalid credentials.");
+          throw Error('Invalid credentials.');
         } else {
-          throw Error("Invalid status code: " + response.status);
+          throw Error('Invalid status code: ' + response.status);
         }
-      }).then(json => {
+      })
+      .then((json) => {
         authenticationContext.signIn(json.access_token);
       })
-      .catch(error => {
+      .catch((error) => {
         this.props.enqueueSnackbar(error.message, {
-          variant: 'warning',
+          variant: 'warning'
         });
         this.setState({ processing: false });
       });
@@ -116,8 +127,8 @@ class SignIn extends Component<SignInProps, SignInState> {
               onChange={this.updateInputElement}
               margin="normal"
               inputProps={{
-                autoCapitalize: "none",
-                autoCorrect: "off",
+                autoCapitalize: 'none',
+                autoCorrect: 'off'
               }}
             />
             <PasswordValidator
@@ -132,7 +143,13 @@ class SignIn extends Component<SignInProps, SignInState> {
               onChange={this.updateInputElement}
               margin="normal"
             />
-            <Fab variant="extended" color="primary" className={classes.button} type="submit" disabled={processing}>
+            <Fab
+              variant="extended"
+              color="primary"
+              className={classes.button}
+              type="submit"
+              disabled={processing}
+            >
               <ForwardIcon className={classes.extendedIcon} />
               Sign In
             </Fab>
@@ -141,7 +158,8 @@ class SignIn extends Component<SignInProps, SignInState> {
       </div>
     );
   }
-
 }
 
-export default withAuthenticationContext(withSnackbar(withStyles(styles)(SignIn)));
+export default withAuthenticationContext(
+  withSnackbar(withStyles(styles)(SignIn))
+);