Conditionally display the back button text of administrator settings …

…page
wso2 · Oct 14, 2024 · 5e492dc · 5e492dc
1 parent 239ec66
commit 5e492dc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/apps/console/src/extensions/i18n/models/extensions.ts b/apps/console/src/extensions/i18n/models/extensions.ts
@@ -3326,6 +3326,7 @@ export interface Extensions {
  administratorSettingsSubtitle: string;
  administratorSettingsTitle: string;
  backButton: string;
+ backButtonConsoleSettings: string;
  disableToggleMessage: string;
  enableToggleMessage: string;
  error: {

diff --git a/apps/console/src/extensions/i18n/resources/en-US/extensions.ts b/apps/console/src/extensions/i18n/resources/en-US/extensions.ts
@@ -4026,6 +4026,7 @@ export const extensions: Extensions = {
  administratorSettingsSubtitle: "Settings related to organizational administrators.",
  administratorSettingsTitle: "Administrator Settings",
  backButton: "Go back to administrators",
+ backButtonConsoleSettings: "Go back to console settings",
  disableToggleMessage: "Enable users to manage the organization",
  enableToggleMessage: "Disable users to manage the organization",
  error: {

diff --git a/features/admin.administrators.v1/pages/administrator-settings.tsx b/features/admin.administrators.v1/pages/administrator-settings.tsx
@@ -16,14 +16,15 @@
  * under the License.
  */
 
-import { history, store } from "@wso2is/admin.core.v1";
+import { FeatureAccessConfigInterface } from "@wso2is/access-control";
+import { AppConstants, AppState, history, store } from "@wso2is/admin.core.v1";
 import { AlertLevels, IdentifiableComponentInterface } from "@wso2is/core/models";
 import { addAlert } from "@wso2is/core/store";
 import { DocumentationLink, PageLayout, useDocumentation } from "@wso2is/react-components";
 import { AxiosError } from "axios";
 import React, { FunctionComponent, ReactElement, SyntheticEvent, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 import { Dispatch } from "redux";
 import { Checkbox, CheckboxProps, Icon, Message } from "semantic-ui-react";
 import { updateOrganizationConfigV2 } from "../api/updateOrganizationConfigV2";
@@ -55,6 +56,14 @@ export const AdminSettingsPage: FunctionComponent<AdminSettingsPageInterface> =
 
  const dispatch: Dispatch = useDispatch();
 
+ const consoleSettingsFeatureConfig: FeatureAccessConfigInterface = useSelector(
+ (state: AppState) => state?.config?.ui?.features?.consoleSettings
+ );
+ const isPrivilegedUsersInConsoleSettingsEnabled: boolean = !consoleSettingsFeatureConfig
+ ?.disabledFeatures?.includes(
+ "consoleSettings.privilegedUsers"
+ );
+
  const useOrgConfig: UseOrganizationConfigType = useOrganizationConfigV2;
  const updateOrgConfig: (isEnterpriseLoginEnabled: OrganizationInterface) =>
  Promise<any> = updateOrganizationConfigV2;
@@ -155,7 +164,9 @@ export const AdminSettingsPage: FunctionComponent<AdminSettingsPageInterface> =
  * This handles back button navigation
  */
  const handleBackButtonClick = () => {
- history.push(AdministratorConstants.getPaths().get("COLLABORATOR_USERS_PATH"));
+ history.push(isPrivilegedUsersInConsoleSettingsEnabled
+ ? AppConstants.getPaths().get("CONSOLE_SETTINGS")
+ : AdministratorConstants.getPaths().get("COLLABORATOR_USERS_PATH"));
  };
 
  /**
@@ -197,7 +208,9 @@ export const AdminSettingsPage: FunctionComponent<AdminSettingsPageInterface> =
  backButton={ {
  "data-componentid": `${ testId }-page-back-button`,
  onClick: handleBackButtonClick,
- text: t("extensions:manage.users.administratorSettings.backButton")
+ text: isPrivilegedUsersInConsoleSettingsEnabled
+ ? t("extensions:manage.users.administratorSettings.backButtonConsoleSettings")
+ : t("extensions:manage.users.administratorSettings.backButton")
  } }
  bottomMargin={ false }
  contentTopMargin={ true }