fix: add intl to tab names

openedx · Jul 5, 2024 · c453ef0 · c453ef0
1 parent 3400f71
commit c453ef0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/src/library-authoring/LibraryAuthoringPage.tsx b/src/library-authoring/LibraryAuthoringPage.tsx
@@ -109,9 +109,9 @@ const LibraryAuthoringPage = () => {
             onSelect={handleTabChange}
             className="my-3"
           >
-            <Tab eventKey={TAB_LIST.home} title="Home" />
-            <Tab eventKey={TAB_LIST.components} title="Components" />
-            <Tab eventKey={TAB_LIST.collections} title="Collections" />
+            <Tab eventKey={TAB_LIST.home} title={intl.formatMessage(messages.homeTab)} />
+            <Tab eventKey={TAB_LIST.components} title={intl.formatMessage(messages.componentsTab)} />
+            <Tab eventKey={TAB_LIST.collections} title={intl.formatMessage(messages.collectionsTab)} />
           </Tabs>
           <Routes>
             <Route

diff --git a/src/library-authoring/messages.ts b/src/library-authoring/messages.ts
@@ -31,6 +31,21 @@ const messages = defineMessages({
     defaultMessage: 'Add component',
     description: 'Button text to add a new component',
   },
+  homeTab: {
+    id: 'course-authoring.library-authoring.home-tab',
+    defaultMessage: 'Home',
+    description: 'Tab label for the home tab',
+  },
+  componentsTab: {
+    id: 'course-authoring.library-authoring.components-tab',
+    defaultMessage: 'Components',
+    description: 'Tab label for the components tab',
+  },
+  collectionsTab: {
+    id: 'course-authoring.library-authoring.collections-tab',
+    defaultMessage: 'Collections',
+    description: 'Tab label for the collections tab',
+  },
   componentsTempPlaceholder: {
     id: 'course-authoring.library-authoring.components-temp-placeholder',
     defaultMessage: 'There are {componentCount} components in this library',