aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings/components/SettingsMenu.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/settings/components/SettingsMenu.js')
-rw-r--r--modern/src/settings/components/SettingsMenu.js17
1 files changed, 10 insertions, 7 deletions
diff --git a/modern/src/settings/components/SettingsMenu.js b/modern/src/settings/components/SettingsMenu.js
index 6a431ba1..4ba917aa 100644
--- a/modern/src/settings/components/SettingsMenu.js
+++ b/modern/src/settings/components/SettingsMenu.js
@@ -16,7 +16,7 @@ import SmartphoneIcon from '@mui/icons-material/Smartphone';
import { Link, useLocation } from 'react-router-dom';
import { useSelector } from 'react-redux';
import { useTranslation } from '../../common/components/LocalizationProvider';
-import { useAdministrator, useManager, useRestriction } from '../../common/util/permissions';
+import { useAdministrator, useDeviceReadonly, useManager, useRestriction } from '../../common/util/permissions';
import useFeatures from '../../common/util/useFeatures';
const MenuItem = ({
@@ -33,6 +33,7 @@ const SettingsMenu = () => {
const location = useLocation();
const readonly = useRestriction('readonly');
+ const deviceReadonly = useDeviceReadonly();
const admin = useAdministrator();
const manager = useManager();
const userId = useSelector((state) => state.session.user.id);
@@ -62,12 +63,14 @@ const SettingsMenu = () => {
icon={<PersonIcon />}
selected={location.pathname === `/settings/user/${userId}`}
/>
- <MenuItem
- title={t('deviceTitle')}
- link="/settings/devices"
- icon={<SmartphoneIcon />}
- selected={location.pathname.startsWith('/settings/device')}
- />
+ {!deviceReadonly && (
+ <MenuItem
+ title={t('deviceTitle')}
+ link="/settings/devices"
+ icon={<SmartphoneIcon />}
+ selected={location.pathname.startsWith('/settings/device')}
+ />
+ )}
<MenuItem
title={t('sharedGeofences')}
link="/geofences"