Fixed Bug 63731 - Settings:Title. The browser does not display information about some of the tabs in the portal settings.

packages/client/src/pages/PortalSettings/categories/common/appearance.js

@@ -11,7 +11,7 @@ import TabContainer from "@docspace/components/tabs-container";
 import Preview from "./Appearance/preview";
 import { saveToSessionStorage, getFromSessionStorage } from "../../utils";
 import ColorSchemeDialog from "./sub-components/colorSchemeDialog";
-
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 import DropDownItem from "@docspace/components/drop-down-item";
 import DropDownContainer from "@docspace/components/drop-down";
 
@@ -50,16 +50,19 @@ const Appearance = (props) => {
 
   const [showColorSchemeDialog, setShowColorSchemeDialog] = useState(false);
 
-  const [headerColorSchemeDialog, setHeaderColorSchemeDialog] =
-    useState(headerEditTheme);
+  const [headerColorSchemeDialog, setHeaderColorSchemeDialog] = useState(
+    headerEditTheme
+  );
 
   const [currentColorAccent, setCurrentColorAccent] = useState(null);
   const [currentColorButtons, setCurrentColorButtons] = useState(null);
 
-  const [openHexColorPickerAccent, setOpenHexColorPickerAccent] =
-    useState(false);
-  const [openHexColorPickerButtons, setOpenHexColorPickerButtons] =
-    useState(false);
+  const [openHexColorPickerAccent, setOpenHexColorPickerAccent] = useState(
+    false
+  );
+  const [openHexColorPickerButtons, setOpenHexColorPickerButtons] = useState(
+    false
+  );
 
   const [appliedColorAccent, setAppliedColorAccent] = useState(
     defaultAppliedColorAccent
@@ -68,10 +71,12 @@ const Appearance = (props) => {
     defaultAppliedColorButtons
   );
 
-  const [changeCurrentColorAccent, setChangeCurrentColorAccent] =
-    useState(false);
-  const [changeCurrentColorButtons, setChangeCurrentColorButtons] =
-    useState(false);
+  const [changeCurrentColorAccent, setChangeCurrentColorAccent] = useState(
+    false
+  );
+  const [changeCurrentColorButtons, setChangeCurrentColorButtons] = useState(
+    false
+  );
 
   const [isSmallWindow, setIsSmallWindow] = useState(false);
 
@@ -150,6 +155,7 @@ const Appearance = (props) => {
 
   useEffect(() => {
     getSettings();
+    setDocumentTitle(t("Appearance"));
   }, []);
 
   useEffect(() => {

packages/client/src/pages/PortalSettings/categories/common/branding.js

@@ -5,6 +5,7 @@ import { inject, observer } from "mobx-react";
 import { isMobile, isDesktop } from "react-device-detect";
 
 import withLoading from "SRC_DIR/HOCs/withLoading";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 import Whitelabel from "./Branding/whitelabel";
 import CompanyInfoSettings from "./Branding/companyInfoSettings";
 import styled from "styled-components";
@@ -62,6 +63,10 @@ const Branding = ({
 }) => {
   const [isSmallWindow, setIsSmallWindow] = useState(false);
 
+  useEffect(() => {
+    setDocumentTitle(t("Branding"));
+  }, []);
+
   useEffect(() => {
     return () => {
       if (!window.location.pathname.includes("customization")) {

packages/client/src/pages/PortalSettings/categories/data-management/backup/auto-backup/index.js

@@ -30,6 +30,7 @@ import AutoBackupLoader from "@docspace/common/components/Loaders/AutoBackupLoad
 import FloatingButton from "@docspace/common/components/FloatingButton";
 import Badge from "@docspace/components/badge";
 import { getSettingsThirdParty } from "@docspace/common/api/files";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 
 const {
   DocumentModuleType,
@@ -70,6 +71,8 @@ class AutomaticBackup extends React.PureComponent {
     this.maxNumberCopiesArray = [];
     this.weekdaysLabelArray = [];
 
+    setDocumentTitle(t("AutoBackup"));
+
     this.getTime();
     this.getMonthNumbers();
     this.getMaxNumberCopies();

packages/client/src/pages/PortalSettings/categories/data-management/backup/manual-backup/index.js

@@ -20,6 +20,7 @@ import {
 } from "@docspace/common/api/settings";
 import FloatingButton from "@docspace/common/components/FloatingButton";
 import { getSettingsThirdParty } from "@docspace/common/api/files";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 
 let selectedStorageType = "";
 
@@ -42,6 +43,8 @@ class ManualBackup extends React.Component {
 
     this.timerId = null;
 
+    setDocumentTitle(props.t("DataBackup"));
+
     this.state = {
       selectedFolder: "",
       isPanelVisible: false,

packages/client/src/pages/PortalSettings/categories/data-management/backup/restore-backup/index.js

@@ -21,6 +21,7 @@ import BackupListModalDialog from "./sub-components/backup-list";
 import RoomsModule from "./sub-components/RoomsModule";
 import ButtonContainer from "./sub-components/ButtonComponent";
 import { StyledRestoreBackup } from "../StyledBackup";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 
 const LOCAL_FILE = "localFile",
   BACKUP_ROOM = "backupRoom",
@@ -64,6 +65,10 @@ const RestoreBackup = (props) => {
     false
   );
 
+  useEffect(() => {
+    setDocumentTitle(t("RestoreBackup"));
+  }, []);
+
   useEffect(async () => {
     try {
       getProgress(t);

packages/client/src/pages/PortalSettings/categories/integration/SMTPSettings/index.js

@@ -8,6 +8,7 @@ import HelpButton from "@docspace/components/help-button";
 import CustomSettings from "./sub-components/CustomSettings";
 import { StyledComponent } from "./StyledComponent";
 import Loaders from "@docspace/common/components/Loaders";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 
 let timerId = null;
 const SMTPSettings = (props) => {
@@ -24,6 +25,8 @@ const SMTPSettings = (props) => {
     setIsInit(true);
   };
   useEffect(() => {
+    setDocumentTitle(t("Settings:SMTPSettings"));
+
     timerId = setTimeout(() => {
       setIsLoading(true);
     }, 400);
@@ -52,8 +55,6 @@ const SMTPSettings = (props) => {
           place="bottom"
           offsetBottom={0}
           className="smtp-settings_help-button"
-          place="bottom"
-          offsetBottom={0}
           tooltipContent={
             <Text fontSize="12px">{t("HelpText", { organizationName })}</Text>
           }

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js

@@ -16,6 +16,7 @@ import SubmitResetButtons from "./SubmitButton";
 import ToggleSSO from "./sub-components/ToggleSSO";
 
 import BreakpointWarning from "SRC_DIR/components/BreakpointWarning";
+import { setDocumentTitle } from "SRC_DIR/helpers/utils";
 
 const SERVICE_PROVIDER_SETTINGS = "serviceProviderSettings";
 const SP_METADATA = "spMetadata";
@@ -29,6 +30,7 @@ const SingleSignOn = (props) => {
     isSSOAvailable && load();
     onCheckView();
     window.addEventListener("resize", onCheckView);
+    setDocumentTitle(t("Settings:SingleSignOn"));
 
     return () => window.removeEventListener("resize", onCheckView);
   }, []);