From a28588afce79eae259fa28601838bc203e55ffd0 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 2 Nov 2018 11:56:22 +0100
Subject: [PATCH] Fix #21

---
 client/src/components/NavBar.js | 34 ++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/client/src/components/NavBar.js b/client/src/components/NavBar.js
index 52fcfc2e6..6db9d06f2 100644
--- a/client/src/components/NavBar.js
+++ b/client/src/components/NavBar.js
@@ -13,6 +13,7 @@ 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 BugReportIcon from '@material-ui/icons/BugReport'
 
 import { Link } from 'react-router-dom'
 
@@ -92,16 +93,7 @@ class NavBar extends Component {
             <Typography variant='h5' color='inherit' className={classes.flex}>
               Users
             </Typography>
-            <Button
-              variant='text'
-              size='small'
-              className={classNames(classes.button, classes.cssRoot)}
-              title='Users Module Home'
-              component={HomeLink}
-              to={`${match.url}`}>
-              <UsersIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
-              Home
-            </Button>
+            <LoggedInUser {...this.props} authId={this.state.authId} />
             <Button
               variant='text'
               size='small'
@@ -132,7 +124,27 @@ class NavBar extends Component {
               <AboutIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
               About
             </Button>
-            <LoggedInUser {...this.props} authId={this.state.authId} />
+            <Button
+              variant='text'
+              size='small'
+              className={classNames(classes.button, classes.cssRoot)}
+              title='Report a Users Module bug'
+              href='https://github.com/AdvancedAlgos/UsersModule/issues/new'
+              target='_blank'
+            >
+              <BugReportIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
+              Report
+            </Button>
+            <Button
+              variant='text'
+              size='small'
+              className={classNames(classes.button, classes.cssRoot)}
+              title='Users Module Home'
+              component={HomeLink}
+              to={`${match.url}`}>
+              <UsersIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
+              Home
+            </Button>
           </Toolbar>
         </AppBar>
       </div>