diff --git a/webapp/src/components/AppAuthenticatedShell.tsx b/webapp/src/components/AppAuthenticatedShell.tsx index bfedc4e..69fe065 100644 --- a/webapp/src/components/AppAuthenticatedShell.tsx +++ b/webapp/src/components/AppAuthenticatedShell.tsx @@ -56,10 +56,10 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps) const isLogRoute = props.location === '/logs'; const isAdmin = isAdminProfile(props.profile); const vaultActive = props.location === '/vault' || props.location === '/vault/totp'; - const settingsActive = props.location === props.settingsAccountRoute || props.location === '/settings/domain-rules'; - const dataActive = props.location === '/backup' || props.isImportRoute; const deviceManagementActive = props.location === DEVICE_MANAGEMENT_ROUTE || props.location === LEGACY_DEVICE_MANAGEMENT_ROUTE; - const managementActive = props.location === '/admin' || deviceManagementActive || props.location === '/logs'; + const settingsActive = props.location === props.settingsAccountRoute || props.location === '/settings/domain-rules' || deviceManagementActive; + const dataActive = props.location === '/backup' || props.isImportRoute; + const managementActive = props.location === '/admin' || props.location === '/logs'; const [navLayoutMode, setNavLayoutMode] = useState(readNavLayoutMode); const [navLayoutPickerOpen, setNavLayoutPickerOpen] = useState(false); const navLayoutPickerRef = useRef(null); @@ -177,11 +177,11 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps) {renderSideLink('/sends', props.location === '/sends', , t('nav_sends'))} {renderSideLink(props.settingsAccountRoute, props.location === props.settingsAccountRoute, , t('nav_account_settings'))} {renderSideLink('/settings/domain-rules', props.location === '/settings/domain-rules', , t('nav_domain_rules'))} + {renderSideLink(DEVICE_MANAGEMENT_ROUTE, deviceManagementActive, , t('nav_device_management'))} {isAdmin && renderSideLink('/backup', props.location === '/backup', , t('nav_backup_strategy'))} {renderSideLink(props.importRoute, props.isImportRoute, , t('nav_import_export'))} {isAdmin && renderSideLink('/admin', props.location === '/admin', , t('nav_admin_panel'))} {isAdmin && renderSideLink('/logs', props.location === '/logs', , t('nav_log_center'))} - {renderSideLink(DEVICE_MANAGEMENT_ROUTE, deviceManagementActive, , t('nav_device_management'))} ); @@ -206,6 +206,7 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps) <> {renderSubLink(props.settingsAccountRoute, props.location === props.settingsAccountRoute, t('nav_account_settings'))} {renderSubLink('/settings/domain-rules', props.location === '/settings/domain-rules', t('nav_domain_rules'))} + {renderSubLink(DEVICE_MANAGEMENT_ROUTE, deviceManagementActive, t('nav_device_management'))} )} {renderNavGroup( @@ -226,7 +227,6 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps) <> {isAdmin && renderSubLink('/admin', props.location === '/admin', t('nav_admin_panel'))} {isAdmin && renderSubLink('/logs', props.location === '/logs', t('nav_log_center'))} - {renderSubLink(DEVICE_MANAGEMENT_ROUTE, deviceManagementActive, t('nav_device_management'))} )}