Show Person icon for non admin users

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

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,
 }