Update Teams App Bar

client/src/views/common/components/TeamBar.js

@@ -13,6 +13,7 @@ import UsersIcon from '@material-ui/icons/People'
 import SearchIcon from '@material-ui/icons/Search'
 import AdbIcon from '@material-ui/icons/Adb'
 import SettingsApplicationsIcon from '@material-ui/icons/SettingsApplications'
+import BugReportIcon from '@material-ui/icons/BugReport'
 
 import { Link } from 'react-router-dom'
 
@@ -67,9 +68,9 @@ class TeamBar extends Component {
     return (
       <div className={classes.root}>
         <AppBar position='static' color='secondary'>
-          <Toolbar>
+          <Toolbar variant='dense'>
             <Typography variant='h5' color='inherit' className={classes.flex}>
-              Manage Teams
+              Teams
             </Typography>
             <Button
               variant='text'
@@ -115,12 +116,22 @@ class TeamBar extends Component {
               variant='text'
               size='small'
               className={classNames(classes.button, classes.cssRoot)}
-              title='Manage Financial Beings'
+              title='Your Global Team Settings'
               component={SettingsLink}
               to={`${match.url}/settings`}>
               <SettingsApplicationsIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
               Settings
             </Button>
+            <Button
+              variant='text'
+              size='small'
+              className={classNames(classes.button, classes.cssRoot)}
+              title='Report a Teams Module bug'
+              to='https://github.com/AdvancedAlgos/TeamsModule/issues'
+            >
+              <BugReportIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
+              Report
+            </Button>
           </Toolbar>
         </AppBar>
       </div>