diff --git a/src/library-authoring/LibraryHome.tsx b/src/library-authoring/LibraryHome.tsx
index da9a955f5d..11abf861a8 100644
--- a/src/library-authoring/LibraryHome.tsx
+++ b/src/library-authoring/LibraryHome.tsx
@@ -1,5 +1,6 @@
import React from 'react';
import { Stack } from '@openedx/paragon';
+import { useIntl } from '@edx/frontend-platform/i18n';
import { NoComponents, NoSearchResults } from './EmptyStates';
import { useSearchContext } from '../search-manager';
@@ -7,6 +8,7 @@ import LibraryCollections from './LibraryCollections';
import LibraryComponents from './components/LibraryComponents';
import LibrarySection from './components/LibrarySection';
import LibraryRecentlyModified from './LibraryRecentlyModified';
+import messages from './messages';
type LibraryHomeProps = {
libraryId: string,
@@ -15,6 +17,7 @@ type LibraryHomeProps = {
};
const LibraryHome = ({ libraryId, tabList, handleTabChange } : LibraryHomeProps) => {
+ const intl = useIntl();
const {
totalHits: componentCount,
searchKeywords,
@@ -37,14 +40,14 @@ const LibraryHome = ({ libraryId, tabList, handleTabChange } : LibraryHomeProps)
|| (
<>
handleTabChange(tabList.components)}
>
diff --git a/src/library-authoring/LibraryRecentlyModified.tsx b/src/library-authoring/LibraryRecentlyModified.tsx
index d719975a94..56fd16b269 100644
--- a/src/library-authoring/LibraryRecentlyModified.tsx
+++ b/src/library-authoring/LibraryRecentlyModified.tsx
@@ -1,17 +1,20 @@
import React from 'react';
+import { useIntl } from '@edx/frontend-platform/i18n';
import { SearchContextProvider, useSearchContext } from '../search-manager';
import { SearchSortOption } from '../search-manager/data/api';
import LibraryComponents from './components/LibraryComponents';
import LibrarySection from './components/LibrarySection';
+import messages from './messages';
const RecentlyModified: React.FC<{ libraryId: string }> = ({ libraryId }) => {
+ const intl = useIntl();
const { totalHits: componentCount } = useSearchContext();
return componentCount > 0
? (
diff --git a/src/library-authoring/messages.ts b/src/library-authoring/messages.ts
index 8e59f078f5..613e0b9e3c 100644
--- a/src/library-authoring/messages.ts
+++ b/src/library-authoring/messages.ts
@@ -70,10 +70,20 @@ const messages = defineMessages({
defaultMessage: 'This is a placeholder for the create library form. This will be replaced with the actual form.',
description: 'Temp placeholder for the create library container. This will be replaced with the new library form.',
},
- recentComponentsTempPlaceholder: {
- id: 'course-authoring.library-authoring.recent-components-temp-placeholder',
- defaultMessage: 'Recently modified components and collections will be displayed here.',
- description: 'Temp placeholder for the recent components container. This will be replaced with the actual list.',
+ recentlyModifiedSectionTitle: {
+ id: 'course-authoring.library-authoring.recently-modified-section-title',
+ defaultMessage: 'Recently Modified',
+ description: 'Title for the Recently Modified section in library home',
+ },
+ collectionsSectionTitle: {
+ id: 'course-authoring.library-authoring.collections-section-title',
+ defaultMessage: 'Collections ({collectionCount})',
+ description: 'Title for the Recently Modified section in library home',
+ },
+ componentsSectionTitle: {
+ id: 'course-authoring.library-authoring.recently-modified-section-title',
+ defaultMessage: 'Components ({componentCount})',
+ description: 'Title for the Recently Modified section in library home',
},
});