Shared: Selector: fix translations in bread crumbs

packages/doceditor/src/app/(root)/page.tsx

@@ -43,14 +43,6 @@ const initialSearchParams: RootPageProps["searchParams"] = {
   editorType: undefined,
 };
 
-const BRAND_NAME = "ONLYOFFICE"; //TODO: replace to t("Common:OrganizationName");
-
-export const metadata: Metadata = {
-  title: `${BRAND_NAME} DocEditor page`,
-
-  description: "",
-};
-
 async function Page({ searchParams }: RootPageProps) {
   const { fileId, fileid, version, doc, action, share, editorType, error } =
     searchParams ?? initialSearchParams;

packages/shared/selectors/Files/FilesSelector.constants.ts

@@ -24,16 +24,6 @@
 // content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
-import { TBreadCrumb } from "../../components/selector/Selector.types";
-
-const PRODUCT_NAME = "DocSpace"; // TODO: replace to t("Common:ProductName")
-
-export const DEFAULT_BREAD_CRUMB: TBreadCrumb = {
-  label: PRODUCT_NAME,
-  id: 0,
-  isRoom: false,
-};
-
 export const SHOW_LOADER_TIMER = 200;
 export const MIN_LOADER_TIMER = 500;
 

packages/shared/selectors/Files/FilesSelector.utils.ts

@@ -31,6 +31,7 @@ import { getIconPathByFolderType } from "../../utils/common";
 import { iconSize32 } from "../../utils/image-helpers";
 import { DEFAULT_FILE_EXTS } from "./FilesSelector.constants";
 import { getTitleWithoutExtension } from "../../utils";
+import { TTranslation } from "../../types";
 
 const isDisableFolder = (
   folder: TFolder,
@@ -157,3 +158,11 @@ export const convertRoomsToItems: (rooms: TRoom[]) => TSelectorItem[] = (
 
   return items;
 };
+
+export const getDefaultBreadCrumb = (t: TTranslation) => {
+  return {
+    label: t("Common:ProductName"),
+    id: 0,
+    isRoom: false,
+  };
+};

packages/shared/selectors/Files/hooks/useFilesHelper.ts

@@ -46,11 +46,12 @@ import { TBreadCrumb } from "../../../components/selector/Selector.types";
 import { SettingsContext } from "../contexts/Settings";
 import { LoadersContext } from "../contexts/Loaders";
 
-import { PAGE_COUNT, DEFAULT_BREAD_CRUMB } from "../FilesSelector.constants";
+import { PAGE_COUNT } from "../FilesSelector.constants";
 import { UseFilesHelpersProps } from "../FilesSelector.types";
 import {
   convertFilesToItems,
   convertFoldersToItems,
+  getDefaultBreadCrumb,
 } from "../FilesSelector.utils";
 import useInputItemHelper from "./useInputItemHelper";
 
@@ -324,7 +325,7 @@ const useFilesHelper = ({
           // });
 
           if (!isThirdParty && !isRoomsOnly && !isUserOnly)
-            breadCrumbs.unshift({ ...DEFAULT_BREAD_CRUMB });
+            breadCrumbs.unshift({ ...getDefaultBreadCrumb(t) });
 
           onSetBaseFolderPath?.(isErrorPath ? [] : breadCrumbs);
 

packages/shared/selectors/Files/hooks/useRoomsHelper.tsx

@@ -37,9 +37,12 @@ import { TBreadCrumb } from "../../../components/selector/Selector.types";
 
 import { LoadersContext } from "../contexts/Loaders";
 
-import { PAGE_COUNT, DEFAULT_BREAD_CRUMB } from "../FilesSelector.constants";
+import { PAGE_COUNT } from "../FilesSelector.constants";
 import { UseRoomsHelperProps } from "../FilesSelector.types";
-import { convertRoomsToItems } from "../FilesSelector.utils";
+import {
+  convertRoomsToItems,
+  getDefaultBreadCrumb,
+} from "../FilesSelector.utils";
 
 import useInputItemHelper from "./useInputItemHelper";
 
@@ -142,7 +145,7 @@ const useRoomsHelper = ({
 
         const breadCrumbs: TBreadCrumb[] = [{ label: title, id, isRoom: true }];
 
-        if (!isRoomsOnly) breadCrumbs.unshift({ ...DEFAULT_BREAD_CRUMB });
+        if (!isRoomsOnly) breadCrumbs.unshift({ ...getDefaultBreadCrumb(t) });
 
         onSetBaseFolderPath?.(breadCrumbs);
 

packages/shared/selectors/Files/hooks/useRootHelper.ts

@@ -33,8 +33,9 @@ import { getCatalogIconUrlByType } from "../../../utils/catalogIconHelper";
 import { TSelectorItem } from "../../../components/selector";
 
 import { UseRootHelperProps } from "../FilesSelector.types";
-import { DEFAULT_BREAD_CRUMB } from "../FilesSelector.constants";
+import { getDefaultBreadCrumb } from "../FilesSelector.utils";
 import { LoadersContext } from "../contexts/Loaders";
+import { useTranslation } from "react-i18next";
 
 const useRootHelper = ({
   setBreadCrumbs,
@@ -47,6 +48,8 @@ const useRootHelper = ({
   isUserOnly,
   setIsInit,
 }: UseRootHelperProps) => {
+  const { t } = useTranslation(["Common"]);
+
   const { setIsBreadCrumbsLoading, setIsNextPageLoading, setIsFirstLoad } =
     useContext(LoadersContext);
 
@@ -57,7 +60,7 @@ const useRootHelper = ({
     if (requestRunning.current) return;
 
     requestRunning.current = true;
-    setBreadCrumbs([DEFAULT_BREAD_CRUMB]);
+    setBreadCrumbs([getDefaultBreadCrumb(t)]);
     setIsRoot(true);
     setIsNextPageLoading(true);
     setIsBreadCrumbsLoading(false);
@@ -113,6 +116,7 @@ const useRootHelper = ({
     setItems,
     setTotal,
     treeFolders,
+    t,
   ]);
 
   return { isRoot, setIsRoot, getRootData };