import { Link } from "react-router-dom";
import Button from "@material-ui/core/Button/Button";
import authActions from "../../store/auth-action";
-import { authService } from "../../services/services";
import IconButton from "@material-ui/core/IconButton/IconButton";
import Menu from "@material-ui/core/Menu/Menu";
import MenuItem from "@material-ui/core/MenuItem/MenuItem";
interface WorkbenchDataProps {
projects: Project[];
- user: User;
+ user?: User;
}
interface WorkbenchActionProps {
};
render() {
- const {classes} = this.props;
- const userLoggedIn = authService.isUserLoggedIn();
+ const {classes, user} = this.props;
return (
<div className={classes.root}>
<AppBar position="absolute" className={classes.appBar}>
<Typography variant="title" color="inherit" noWrap style={{flexGrow: 1}}>
<span>Arvados</span><br/><span style={{fontSize: 12}}>Workbench 2</span>
</Typography>
- {userLoggedIn ?
+ {user ?
<div>
<Typography variant="title" color="inherit" noWrap>
- {this.props.user.firstName} {this.props.user.lastName}
+ {user.firstName} {user.lastName}
</Typography>
<IconButton
aria-owns={this.state.anchorEl ? 'menu-appbar' : undefined}
}
</Toolbar>
</AppBar>
- {userLoggedIn &&
+ {user &&
<Drawer
variant="permanent"
classes={{
export default connect<WorkbenchDataProps>(
(state: RootState) => ({
projects: state.projects,
- user: state.auth.user!
+ user: state.auth.user
})
)(
withStyles(styles)(Workbench)