From 207c86c9df73459adf7cc5b2a7b15d206a9c9b9e Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Fri, 14 Aug 2020 12:30:19 +0200
Subject: [PATCH] grey out Settings menu when not an admin

---
 interface/src/project/ProjectMenu.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/interface/src/project/ProjectMenu.tsx b/interface/src/project/ProjectMenu.tsx
index 68b687ee0..20cc9d79a 100644
--- a/interface/src/project/ProjectMenu.tsx
+++ b/interface/src/project/ProjectMenu.tsx
@@ -6,8 +6,13 @@ import { List, ListItem, ListItemIcon, ListItemText } from "@material-ui/core";
 import SettingsIcon from '@material-ui/icons/Settings';
 import SettingsRemoteIcon from "@material-ui/icons/SettingsRemote";
 
-class ProjectMenu extends Component<RouteComponentProps> {
+import { withAuthenticatedContext, AuthenticatedContextProps } from '../authentication';
+
+type ProjectProps = AuthenticatedContextProps & RouteComponentProps;
+
+class ProjectMenu extends Component<ProjectProps> {
   render() {
+    const { authenticatedContext } = this.props;
     const path = this.props.match.url;
     return (
       <List>
@@ -17,15 +22,15 @@ class ProjectMenu extends Component<RouteComponentProps> {
           </ListItemIcon>
           <ListItemText primary="Dashboard" />
         </ListItem>
-        <ListItem to='/ems-esp/settings/' selected={path.startsWith('/ems-esp/settings/')} button component={Link}>
+        <ListItem to='/ems-esp/settings/' selected={path.startsWith('/ems-esp/settings/')} button component={Link} disabled={!authenticatedContext.me.admin}>
           <ListItemIcon>
             <SettingsIcon />
           </ListItemIcon>
-          <ListItemText primary="Settings" />
+          <ListItemText primary="Settings" /> 
         </ListItem>
       </List>
     );
   }
 }
 
-export default withRouter(ProjectMenu);
+export default withRouter(withAuthenticatedContext(ProjectMenu));