diff --git a/frontend/src/OrganizationSettingsPage/index.jsx b/frontend/src/OrganizationSettingsPage/index.jsx index ae9f225e1c..5618bfcbdf 100644 --- a/frontend/src/OrganizationSettingsPage/index.jsx +++ b/frontend/src/OrganizationSettingsPage/index.jsx @@ -6,10 +6,13 @@ import { ManageOrgUsers } from '@/ManageOrgUsers'; import { ManageGroupPermissions } from '@/ManageGroupPermissions'; import { ManageSSO } from '@/ManageSSO'; import { ManageOrgVars } from '@/ManageOrgVars'; +import { authenticationService } from '@/_services'; export function OrganizationSettings(props) { - const [selectedTab, setSelectedTab] = useState('users'); + const { admin } = authenticationService.currentUserValue; + const [selectedTab, setSelectedTab] = useState(admin ? 'users' : 'manageEnvVars'); const { t } = useTranslation(); + const selectedClassName = props.darkMode ? 'bg-dark-indigo' : 'bg-light-indigo'; return ( @@ -17,72 +20,76 @@ export function OrganizationSettings(props) {
-
setSelectedTab('users')} - > - - - - -  {t('header.organization.menus.menusList.manageUsers', 'Users')} -
-
setSelectedTab('manageGroups')} - > - - - -  {t('header.organization.menus.menusList.manageGroups', 'Manage Groups')} -
-
setSelectedTab('manageSSO')} - > - - - -  {t('header.organization.menus.menusList.manageSso', 'SSO')} -
+ {admin && ( + <> +
setSelectedTab('users')} + > + + + + +  {t('header.organization.menus.menusList.manageUsers', 'Users')} +
+
setSelectedTab('manageGroups')} + > + + + +  {t('header.organization.menus.menusList.manageGroups', 'Manage Groups')} +
+
setSelectedTab('manageSSO')} + > + + + +  {t('header.organization.menus.menusList.manageSso', 'SSO')} +
+ + )}