From d04b434d964a9224b29ba126d10ae97fef9d155a Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Tue, 31 Mar 2020 10:49:47 -0400
Subject: [PATCH] fix: profile menu items colors

---
 ui/src/layout/AppBar.js | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/ui/src/layout/AppBar.js b/ui/src/layout/AppBar.js
index 793b27257..5f7b60ba8 100644
--- a/ui/src/layout/AppBar.js
+++ b/ui/src/layout/AppBar.js
@@ -5,11 +5,19 @@ import {
   MenuItemLink,
   useTranslate
 } from 'react-admin'
+import { makeStyles } from '@material-ui/core'
 import InfoIcon from '@material-ui/icons/Info'
 import TuneIcon from '@material-ui/icons/Tune'
 
+const useStyles = makeStyles((theme) => ({
+  menuItem: {
+    color: theme.palette.text.secondary
+  }
+}))
+
 const ConfigurationMenu = forwardRef(({ onClick }, ref) => {
   const translate = useTranslate()
+  const classes = useStyles()
   return (
     <MenuItemLink
       ref={ref}
@@ -17,19 +25,24 @@ const ConfigurationMenu = forwardRef(({ onClick }, ref) => {
       primaryText={translate('menu.configuration')}
       leftIcon={<TuneIcon />}
       onClick={onClick}
+      className={classes.menuItem}
     />
   )
 })
 
-const VersionMenu = forwardRef(({ onClick }, ref) => (
-  <MenuItemLink
-    ref={ref}
-    to=""
-    primaryText={'Version ' + localStorage.getItem('version')}
-    leftIcon={<InfoIcon />}
-    onClick={onClick}
-  />
-))
+const VersionMenu = forwardRef(({ onClick }, ref) => {
+  const classes = useStyles()
+  return (
+    <MenuItemLink
+      ref={ref}
+      to=""
+      primaryText={'Version ' + localStorage.getItem('version')}
+      leftIcon={<InfoIcon />}
+      onClick={onClick}
+      className={classes.menuItem}
+    />
+  )
+})
 
 const CustomUserMenu = (props) => (
   <UserMenu {...props}>