@@ -3,6 +3,7 @@ import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
 import Typography from '@material-ui/core/Typography';
 import Container from '@material-ui/core/Container';
+import Avatar from '@material-ui/core/Avatar';
 import IconButton from '@material-ui/core/IconButton';
 import Icon from '@material-ui/core/Icon';
 import {makeStyles} from '@material-ui/core/styles';
@@ -12,13 +13,22 @@ import {useAuth} from 'strapi-react-context';
 import EventMenu from '../EventMenu';
 import EventDetails from '../EventDetails';
 
+const initials = email => {
+  const beforeAt = email.substr(0, email.indexOf('@'));
+  const matches = beforeAt.split('.');
+  if (matches.length > 1) {
+    return `${matches[0][0]}${matches[1][0]}`.toUpperCase();
+  }
+  return matches[0].substr(0, 2).toUpperCase();
+};
+
 const EventBar = ({event, isEditing, setIsEditing, onAdd, onSave, onShare}) => {
   const {t} = useTranslation();
   const history = useHistory();
   const [detailsOpen, toggleDetails] = useReducer(i => !i, false);
   const [anchorEl, setAnchorEl] = useState(null);
   const classes = useStyles({detailsOpen});
-  const {token} = useAuth();
+  const {token, authState} = useAuth();
 
   useEffect(() => {
     if (!detailsOpen) setIsEditing(false);
@@ -67,6 +77,9 @@ },
   ];
 
   const menuActions = token ? loggedMenuActions : noUserMenuActions;
+  const userInfos = authState?.user
+    ? [{label: authState.user.username, id: 'Email'}, {divider: true}]
+    : [];
 
   return (
     <AppBar
@@ -110,17 +123,32 @@ color="inherit"
               edge="end"
               id="ShareBtn"
               onClick={onShare}
-              className={classes.shareIcon}
+              className={classes.iconButtons}
             >
               <Icon>share</Icon>
             </IconButton>
             <IconButton
               color="inherit"
               edge="end"
+              id="ShareBtn"
+              onClick={toggleDetails}
+              className={classes.iconButtons}
+            >
+              <Icon>information_outline</Icon>
+            </IconButton>
+            <IconButton
+              color="inherit"
+              edge="end"
               id="MenuMoreInfo"
               onClick={e => setAnchorEl(e.currentTarget)}
             >
-              <Icon>more_vert</Icon>
+              {authState?.user ? (
+                <Avatar className={classes.avatar}>
+                  {initials(authState.user.username)}
+                </Avatar>
+              ) : (
+                <Icon>more_vert</Icon>
+              )}
             </IconButton>
           </>
         )}
@@ -128,6 +156,7 @@ <EventMenu
           anchorEl={anchorEl}
           setAnchorEl={setAnchorEl}
           actions={[
+            ...userInfos,
             ...[
               {
                 label: detailsOpen
@@ -168,8 +197,15 @@ flexGrow: 1,
     display: 'flex',
     alignItems: 'center',
   },
-  shareIcon: {
+  iconButtons: {
     marginRight: theme.spacing(0),
+    marginLeft: theme.spacing(1),
+  },
+  avatar: {
+    width: theme.spacing(3),
+    height: theme.spacing(3),
+    fontSize: 12,
+    fontWeight: 900,
   },
 }));
 

@@ -10,7 +10,7 @@ 
 const Home = () => {
   const history = useHistory();
   const {t} = useTranslation();
-  const {token} = useAuth();
+  const {token, authState} = useAuth();
 
   const noUserMenuActions = [
     {
@@ -41,7 +41,11 @@ 
   const menuActions = token ? loggedMenuActions : noUserMenuActions;
 
   return (
-    <Layout menuTitle={t('event.creation.title')} menuActions={menuActions}>
+    <Layout
+      menuTitle={t('event.creation.title')}
+      menuActions={menuActions}
+      displayMenu={!!authState && !!authState.user}
+    >
       <Paper>
         <Logo />
         <CreateEvent />

@@ -13,7 +13,7 @@ return <Redirect to="/dashboard" />;
   }
 
   return (
-    <Layout menuTitle={t('lost_password.title')}>
+    <Layout menuTitle={t('lost_password.title')} displayMenu={false}>
       <LostPasswordContainer />
     </Layout>
   );

@@ -45,7 +45,7 @@ return <NotFound />;
   }
 
   return (
-    <Layout menuTitle={t('lost_password.reset_title')}>
+    <Layout menuTitle={t('lost_password.reset_title')} displayMenu={false}>
       <form onSubmit={onReset}>
         <ResetPasswordContainer
           isLoading={isLoading}

@@ -11,7 +11,7 @@ 
 const SignIn = () => {
   const {t} = useTranslation();
   return (
-    <Layout menuTitle={t('signin.title')}>
+    <Layout menuTitle={t('signin.title')} displayMenu={false}>
       <Card>
         <CardMedia component={Logo} />
         <SignInForm />

@@ -11,7 +11,7 @@ 
 const SignUp = () => {
   const {t} = useTranslation();
   return (
-    <Layout menuTitle={t('signup.title')}>
+    <Layout menuTitle={t('signup.title')} displayMenu={false}>
       <Card>
         <CardMedia component={Logo} />
         <SignUpForm />