diff options
-rw-r--r-- | modern/src/MainToolbar.js | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/modern/src/MainToolbar.js b/modern/src/MainToolbar.js index 1098d980..9d4824ac 100644 --- a/modern/src/MainToolbar.js +++ b/modern/src/MainToolbar.js @@ -16,11 +16,18 @@ import Divider from '@material-ui/core/Divider'; import ListItem from '@material-ui/core/ListItem'; import ListItemIcon from '@material-ui/core/ListItemIcon'; import ListItemText from '@material-ui/core/ListItemText'; -import DashboardIcon from '@material-ui/icons/Dashboard'; +import MapIcon from '@material-ui/icons/Map'; import BarChartIcon from '@material-ui/icons/BarChart'; -import SettingsIcon from '@material-ui/icons/Settings'; import PeopleIcon from '@material-ui/icons/People'; import StorageIcon from '@material-ui/icons/Storage'; +import PersonIcon from '@material-ui/icons/Person'; +import NotificationsIcon from '@material-ui/icons/Notifications'; +import TimelineIcon from '@material-ui/icons/Timeline'; +import PauseCircleFilledIcon from '@material-ui/icons/PauseCircleFilled'; +import PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled'; +import NotificationsActiveIcon from '@material-ui/icons/NotificationsActive'; +import FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted'; +import TrendingUpIcon from '@material-ui/icons/TrendingUp'; import t from './common/localization'; const useStyles = makeStyles(theme => ({ @@ -84,7 +91,7 @@ const MainToolbar = () => { <List> <ListItem button onClick={() => history.push('/')}> <ListItemIcon> - <DashboardIcon /> + <MapIcon /> </ListItemIcon> <ListItemText primary={t('mapTitle')} /> </ListItem> @@ -98,37 +105,37 @@ const MainToolbar = () => { }> <ListItem button onClick={() => history.push('/reports/route')}> <ListItemIcon> - <BarChartIcon /> + <TimelineIcon /> </ListItemIcon> <ListItemText primary={t('reportRoute')} /> </ListItem> <ListItem button disabled> <ListItemIcon> - <BarChartIcon /> + <NotificationsActiveIcon /> </ListItemIcon> <ListItemText primary={t('reportEvents')} /> </ListItem> <ListItem button disabled> <ListItemIcon> - <BarChartIcon /> + <PlayCircleFilledIcon /> </ListItemIcon> <ListItemText primary={t('reportTrips')} /> </ListItem> <ListItem button disabled> <ListItemIcon> - <BarChartIcon /> + <PauseCircleFilledIcon /> </ListItemIcon> <ListItemText primary={t('reportStops')} /> </ListItem> <ListItem button disabled> <ListItemIcon> - <BarChartIcon /> + <FormatListBulletedIcon /> </ListItemIcon> <ListItemText primary={t('reportSummary')} /> </ListItem> <ListItem button disabled> <ListItemIcon> - <BarChartIcon /> + <TrendingUpIcon /> </ListItemIcon> <ListItemText primary={t('reportChart')} /> </ListItem> @@ -142,13 +149,13 @@ const MainToolbar = () => { }> <ListItem button disabled={!userId} onClick={() => history.push(`/user/${userId}`)}> <ListItemIcon> - <SettingsIcon /> + <PersonIcon /> </ListItemIcon> <ListItemText primary={t('settingsUser')} /> </ListItem> <ListItem button onClick={() => history.push('/settings/notifications')}> <ListItemIcon> - <SettingsIcon /> + <NotificationsIcon /> </ListItemIcon> <ListItemText primary={t('sharedNotifications')} /> </ListItem> |