fixed translations

packages/core/upload/admin/src/components/AssetDialog/BrowseStep/index.js

@@ -147,7 +147,10 @@ export const BrowseStep = ({
           <Breadcrumbs
             onChangeFolder={onChangeFolder}
             as="nav"
-            label="hello"
+            label={formatMessage({
+              id: getTrad('header.breadcrumbs.nav.label'),
+              defaultMessage: 'Folders navigation',
+            })}
             breadcrumbs={breadcrumbs}
             currentFolderId={queryObject?.folder}
           />

packages/core/upload/admin/src/components/Breadcrumbs/Breadcrumbs.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
+import { useIntl } from 'react-intl';
 
 import {
   Crumb,
@@ -10,49 +11,53 @@ import {
 import { CrumbSimpleMenuAsync } from './CrumbSimpleMenuAsync';
 import { BreadcrumbsDefinition } from '../../constants';
 
-export const Breadcrumbs = ({ breadcrumbs, onChangeFolder, currentFolderId, ...props }) => (
-  <BaseBreadcrumbs {...props}>
-    {breadcrumbs.map((crumb, index) => {
-      if (Array.isArray(crumb)) {
-        return (
-          <CrumbSimpleMenuAsync
-            parentsToOmit={[...breadcrumbs]
-              .splice(index + 1, breadcrumbs.length - 1)
-              .map(parent => parent.id)}
-            key={`breadcrumb-${crumb?.id ?? 'menu'}`}
-            currentFolderId={currentFolderId}
-            onChangeFolder={onChangeFolder}
-          />
-        );
-      }
+export const Breadcrumbs = ({ breadcrumbs, onChangeFolder, currentFolderId, ...props }) => {
+  const { formatMessage } = useIntl();
 
-      const isCurrentFolderMediaLibrary = crumb.id === null && currentFolderId === undefined;
+  return (
+    <BaseBreadcrumbs {...props}>
+      {breadcrumbs.map((crumb, index) => {
+        if (Array.isArray(crumb)) {
+          return (
+            <CrumbSimpleMenuAsync
+              parentsToOmit={[...breadcrumbs]
+                .splice(index + 1, breadcrumbs.length - 1)
+                .map(parent => parent.id)}
+              key={`breadcrumb-${crumb?.id ?? 'menu'}`}
+              currentFolderId={currentFolderId}
+              onChangeFolder={onChangeFolder}
+            />
+          );
+        }
+
+        const isCurrentFolderMediaLibrary = crumb.id === null && currentFolderId === undefined;
+
+        if (currentFolderId !== crumb.id && !isCurrentFolderMediaLibrary) {
+          return (
+            <CrumbLink
+              key={`breadcrumb-${crumb?.id ?? 'root'}`}
+              as={onChangeFolder ? 'button' : NavLink}
+              type={onChangeFolder && 'button'}
+              to={onChangeFolder ? undefined : crumb.href}
+              onClick={onChangeFolder && (() => onChangeFolder(crumb.id))}
+            >
+              {crumb.label?.id ? formatMessage(crumb.label) : crumb.label}
+            </CrumbLink>
+          );
+        }
 
-      if (currentFolderId !== crumb.id && !isCurrentFolderMediaLibrary) {
         return (
-          <CrumbLink
+          <Crumb
             key={`breadcrumb-${crumb?.id ?? 'root'}`}
-            as={onChangeFolder ? 'button' : NavLink}
-            type={onChangeFolder && 'button'}
-            to={onChangeFolder ? undefined : crumb.href}
-            onClick={onChangeFolder && (() => onChangeFolder(crumb.id))}
+            isCurrent={index + 1 === breadcrumbs.length}
           >
-            {crumb.label}
-          </CrumbLink>
+            {crumb.label?.id ? formatMessage(crumb.label) : crumb.label}
+          </Crumb>
         );
-      }
-
-      return (
-        <Crumb
-          key={`breadcrumb-${crumb?.id ?? 'root'}`}
-          isCurrent={index + 1 === breadcrumbs.length}
-        >
-          {crumb.label}
-        </Crumb>
-      );
-    })}
-  </BaseBreadcrumbs>
-);
+      })}
+    </BaseBreadcrumbs>
+  );
+};
 
 Breadcrumbs.defaultProps = {
   currentFolderId: undefined,

packages/core/upload/admin/src/utils/getBreadcrumbDataCM.js

@@ -1,8 +1,10 @@
+import getTrad from './getTrad';
+
 const getBreadcrumbDataML = folder => {
   let data = [
     {
       id: null,
-      label: 'Media Library',
+      label: { id: getTrad('plugin.name'), defaultMessage: 'MediaLibrary' },
     },
   ];
 

packages/core/upload/admin/src/utils/getBreadcrumbDataML.js

@@ -1,10 +1,11 @@
+import getTrad from './getTrad';
 import getFolderURL from './getFolderURL';
 
 const getBreadcrumbDataML = (folder, { pathname, query }) => {
   let data = [
     {
       id: null,
-      label: 'Media Library',
+      label: { id: getTrad('plugin.name'), defaultMessage: 'MediaLibrary' },
       href: folder ? getFolderURL(pathname, query) : undefined,
     },
   ];