some missing newlines and add signout to the menu
This commit is contained in:
		| @@ -20,9 +20,11 @@ import MenuIcon from '@material-ui/icons/Menu'; | ||||
| import WifiIcon from '@material-ui/icons/Wifi'; | ||||
| import SystemUpdateIcon from  '@material-ui/icons/SystemUpdate'; | ||||
| import AccessTimeIcon from '@material-ui/icons/AccessTime'; | ||||
| import AccountCircleIcon from '@material-ui/icons/AccountCircle'; | ||||
| import SettingsInputAntennaIcon from '@material-ui/icons/SettingsInputAntenna'; | ||||
|  | ||||
| import { APP_NAME } from '../constants/App'; | ||||
| import { withAuthenticationContext } from '../authentication/Context.js'; | ||||
|  | ||||
| const drawerWidth = 290; | ||||
|  | ||||
| @@ -93,7 +95,7 @@ class MenuAppBar extends React.Component { | ||||
|   }; | ||||
|  | ||||
|   render() { | ||||
|     const { classes, theme, children, sectionTitle } = this.props; | ||||
|     const { classes, theme, children, sectionTitle, authenticationContext } = this.props; | ||||
|  | ||||
|     const drawer = ( | ||||
|       <div> | ||||
| @@ -129,6 +131,13 @@ class MenuAppBar extends React.Component { | ||||
|             </ListItemIcon> | ||||
|             <ListItemText primary="OTA Configuration" /> | ||||
|           </ListItem> | ||||
|           <Divider /> | ||||
|           <ListItem button onClick={authenticationContext.signOut}> | ||||
|             <ListItemIcon> | ||||
|               <AccountCircleIcon /> | ||||
|             </ListItemIcon> | ||||
|             <ListItemText primary="Sign Out" secondary={"Signed in as: "+ authenticationContext.jwt.username} /> | ||||
|           </ListItem> | ||||
|         </List> | ||||
|       </div> | ||||
|     ); | ||||
| @@ -193,4 +202,4 @@ MenuAppBar.propTypes = { | ||||
|   sectionTitle: PropTypes.string.isRequired, | ||||
| }; | ||||
|  | ||||
| export default withStyles(styles, { withTheme: true })(MenuAppBar); | ||||
| export default withAuthenticationContext(withStyles(styles, { withTheme: true })(MenuAppBar)); | ||||
|   | ||||
| @@ -23,4 +23,4 @@ export const networkSecurityMode = selectedNetwork => { | ||||
|     default: | ||||
|       return "Unknown"; | ||||
|   } | ||||
| } | ||||
| } | ||||
|   | ||||
| @@ -1 +1 @@ | ||||
| export default validator => value => !value || validator(value); | ||||
| export default validator => value => !value || validator(value); | ||||
|   | ||||
		Reference in New Issue
	
	Block a user