Comunic/comunicconsole
1
0
Fork 0
mirror of https://gitlab.com/comunic/comunicconsole synced 2024-11-23 13:59:23 +00:00
Code Issues Projects Releases Wiki Activity

Improve menu bar

Browse Source
This commit is contained in:
Pierre HUBERT 2021-05-12 18:44:06 +02:00
parent 010fae221c
commit e75993b024
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/ui/routes/MainRoute.tsx
View File

@ -23,8 +23,8 @@ import InboxIcon from "@material-ui/icons/Inbox";
import NotificationsIcon from "@material-ui/icons/Notifications"; import NotificationsIcon from "@material-ui/icons/Notifications";
import React from "react"; import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom"; import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import { AccountHelper } from "../../helpers/AccountHelper";
const drawerWidth = 240; import CloseSharpIcon from "@material-ui/icons/CloseSharp";
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
root: { root: {
@ -42,7 +42,6 @@ const useStyles = makeStyles((theme) => ({
}, },
appBar: { appBar: {
zIndex: theme.zIndex.drawer + 1, zIndex: theme.zIndex.drawer + 1,
marginLeft: drawerWidth,
width: `100%`, width: `100%`,
color: "white", color: "white",
}, },
@ -109,7 +108,11 @@ export function MainRoute() {
const classes = useStyles(); const classes = useStyles();
return ( return (
<Router> <Router>
<AppBar position="absolute" className={classes.appBar}> <AppBar
position="absolute"
className={classes.appBar}
color="primary"
>
<Toolbar className={classes.toolbar}> <Toolbar className={classes.toolbar}>
<Typography <Typography
component="h1" component="h1"
@ -120,10 +123,15 @@ export function MainRoute() {
> >
Comunic Admin Comunic Admin
</Typography> </Typography>
<IconButton color="inherit">
<Badge badgeContent={4} color="secondary"> <Typography>
<NotificationsIcon /> {AccountHelper.currentAccount.name}
</Badge> <br />
<small>{AccountHelper.currentAccount.email}</small>
</Typography>
<IconButton aria-label="delete">
<CloseSharpIcon />
</IconButton> </IconButton>
</Toolbar> </Toolbar>
</AppBar> </AppBar>