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