automatic reformat of code

client/src/components/NavBar.js

@@ -1,106 +1,105 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import Toolbar from '@material-ui/core/Toolbar';
-import Typography from '@material-ui/core/Typography';
-import IconButton from '@material-ui/core/IconButton';
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { withStyles } from '@material-ui/core/styles'
+import AppBar from '@material-ui/core/AppBar'
+import Toolbar from '@material-ui/core/Toolbar'
+import Typography from '@material-ui/core/Typography'
+import IconButton from '@material-ui/core/IconButton'
 
 // icons
-import MenuIcon from '@material-ui/icons/Menu';
-import HomeIcon from '@material-ui/icons/Home';
-import BrowseIcon from '@material-ui/icons/ImportContacts';
-import SearchIcon from '@material-ui/icons/Search';
-import ContactIcon from '@material-ui/icons/ContactMail';
-import AboutIcon from '@material-ui/icons/FormatShapes';
-import ModulesIcon from '@material-ui/icons/QueuePlayNext';
+import MenuIcon from '@material-ui/icons/Menu'
+import HomeIcon from '@material-ui/icons/Home'
+import BrowseIcon from '@material-ui/icons/ImportContacts'
+import SearchIcon from '@material-ui/icons/Search'
+import ContactIcon from '@material-ui/icons/ContactMail'
+import AboutIcon from '@material-ui/icons/FormatShapes'
+import ModulesIcon from '@material-ui/icons/QueuePlayNext'
 
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router-dom'
 
 // components
-import LoggedInUser from './LoggedInUser';
+import LoggedInUser from './LoggedInUser'
 
 // Images
 import AALogo from '../img/aa-logo-dark-8.png'
 
-const AboutLink = props => <Link to="/about" {...props} />
-const ContactLink = props => <Link to="/contact" {...props} />
-const SearchLink = props => <Link to="/search" {...props} />
-const BrowseLink = props => <Link to="/browse" {...props} />
-const HomeLink = props => <Link to="/" {...props} />
+const AboutLink = props => <Link to='/about' {...props} />
+const ContactLink = props => <Link to='/contact' {...props} />
+const SearchLink = props => <Link to='/search' {...props} />
+const BrowseLink = props => <Link to='/browse' {...props} />
+const HomeLink = props => <Link to='/' {...props} />
 
 const styles = {
   root: {
-    flexGrow: 1,
+    flexGrow: 1
   },
   flex: {
-    flexGrow: 1,
+    flexGrow: 1
   },
   menuButton: {
     marginLeft: -12,
-    marginRight: 20,
-  },
-};
+    marginRight: 20
+  }
+}
 
 class NavBar extends Component {
 
-  constructor(props){
-    super(props);
+  constructor (props) {
+    super(props)
     this.state = {
       authId: null
     }
   }
 
-  componentDidMount() {
-
-    const userStored = localStorage.getItem('authUser');
+  componentDidMount () {
+    const userStored = localStorage.getItem('authUser')
 
     if (userStored !== null && userStored !== undefined && userStored !== 'undefined') {
-      const user = JSON.parse(userStored);
+      const user = JSON.parse(userStored)
 
       /* For some reason, the result of GraphQL some times varies, that is why I had to do the following hack. */
 
-      let authId;
+      let authId
       if (user.authId === undefined) {
-        authId = user.sub;
+        authId = user.sub
       } else {
-        authId = user.authId;
+        authId = user.authId
       }
 
-      this.setState({ authId: authId });
+      this.setState({ authId: authId })
     }
   }
-  render() {
-    const { classes } = this.props;
+  render () {
+    const { classes } = this.props
     return (
       <div className={classes.root}>
-        <AppBar position="static">
+        <AppBar position='static'>
           <Toolbar>
-            <IconButton className={classes.menuButton} color="inherit" aria-label="Menu">
+            <IconButton className={classes.menuButton} color='inherit' aria-label='Menu'>
               <MenuIcon />
             </IconButton>
-            <img className={classes.img} alt="complex" src={AALogo} />
-            <Typography variant="title" color="inherit" className={classes.flex}>
+            <img className={classes.img} alt='complex' src={AALogo} />
+            <Typography variant='title' color='inherit' className={classes.flex}>
                 Users Module
             </Typography>
 
-            <IconButton className={classes.menuButton} color="inherit" title="Home" component={HomeLink}><HomeIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="Browse the Users Directory" component={BrowseLink}><BrowseIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="Search Users" component={SearchLink}><SearchIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="Contact Form" component={ContactLink}><ContactIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="About this Module" component={AboutLink}><AboutIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="Go to another Module" component={AboutLink}><ModulesIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='Home' component={HomeLink}><HomeIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='Browse the Users Directory' component={BrowseLink}><BrowseIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='Search Users' component={SearchLink}><SearchIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='Contact Form' component={ContactLink}><ContactIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='About this Module' component={AboutLink}><AboutIcon /></IconButton>
+            <IconButton className={classes.menuButton} color='inherit' title='Go to another Module' component={AboutLink}><ModulesIcon /></IconButton>
 
-            <LoggedInUser authId={this.state.authId}/>
+            <LoggedInUser authId={this.state.authId} />
           </Toolbar>
         </AppBar>
       </div>
-    );
+    )
   }
 }
 
 NavBar.propTypes = {
-  classes: PropTypes.object.isRequired,
-};
+  classes: PropTypes.object.isRequired
+}
 
-export default withStyles(styles)(NavBar);
+export default withStyles(styles)(NavBar)