From 71dc0dddafdbc73116219bffbf1c2899171c8471 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Thu, 29 Apr 2021 18:26:53 -0400
Subject: [PATCH] Show Person icon for non admin users

---
 ui/src/layout/AppBar.js | 7 +++++++
 ui/src/user/index.js    | 2 --
 2 files changed, 7 insertions(+), 2 deletions(-)

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