diff --git a/ui/src/layout/AppBar.js b/ui/src/layout/AppBar.js index 746a8abcb..3ac1310bb 100644 --- a/ui/src/layout/AppBar.js +++ b/ui/src/layout/AppBar.js @@ -10,6 +10,8 @@ import { useSelector } from 'react-redux' import { makeStyles, MenuItem, ListItemIcon, Divider } from '@material-ui/core' import ViewListIcon from '@material-ui/icons/ViewList' import InfoIcon from '@material-ui/icons/Info' +import PersonIcon from '@material-ui/icons/Person' +import SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount' import { AboutDialog } from '../dialogs' import PersonalMenu from './PersonalMenu' import ActivityPanel from './ActivityPanel' @@ -77,6 +79,11 @@ const CustomUserMenu = ({ onClick, ...rest }) => { if (!userResource) { return null } + if (permissions !== 'admin') { + userResource.icon = PersonIcon + } else { + userResource.icon = SupervisorAccountIcon + } return renderSettingsMenuItemLink( userResource, permissions !== 'admin' ? localStorage.getItem('userId') : null diff --git a/ui/src/user/index.js b/ui/src/user/index.js index c0bef4304..946a525f2 100644 --- a/ui/src/user/index.js +++ b/ui/src/user/index.js @@ -1,4 +1,3 @@ -import Group from '@material-ui/icons/Group' import UserList from './UserList' import UserEdit from './UserEdit' import UserCreate from './UserCreate' @@ -7,5 +6,4 @@ export default { list: UserList, edit: UserEdit, create: UserCreate, - icon: Group, }