feat: display library title in browser tab (openedx#1305)

eduNEXT · Sep 19, 2024 · 8d49f2e · 8d49f2e
1 parent f3274e7
commit 8d49f2e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/library-authoring/LibraryAuthoringPage.test.tsx b/src/library-authoring/LibraryAuthoringPage.test.tsx
@@ -1,4 +1,6 @@
+import { getConfig } from '@edx/frontend-platform';
 import fetchMock from 'fetch-mock-jest';
+import { Helmet } from 'react-helmet';
 import {
   fireEvent,
   initializeMocks,
@@ -122,6 +124,10 @@ describe('<LibraryAuthoringPage />', () => {
     expect(await screen.findByText('Content library')).toBeInTheDocument();
     expect((await screen.findAllByText(libraryTitle))[0]).toBeInTheDocument();
 
+    const browserTabTitle = Helmet.peek().title.join('');
+    const siteName = getConfig().SITE_NAME;
+    expect(browserTabTitle).toEqual(`${libraryTitle} | ${siteName}`);
+
     expect(screen.queryByText('You have not added any content to this library yet.')).not.toBeInTheDocument();
 
     // "Recently Modified" header + sort shown

diff --git a/src/library-authoring/LibraryAuthoringPage.tsx b/src/library-authoring/LibraryAuthoringPage.tsx
@@ -1,4 +1,5 @@
 import React, { useContext, useEffect } from 'react';
+import { Helmet } from 'react-helmet';
 import classNames from 'classnames';
 import { StudioFooter } from '@edx/frontend-component-footer';
 import { useIntl } from '@edx/frontend-platform/i18n';
@@ -156,6 +157,7 @@ const LibraryAuthoringPage = () => {
   return (
     <div className="d-flex">
       <div className="flex-grow-1">
+        <Helmet><title>{libraryData.title} | {process.env.SITE_NAME}</title></Helmet>
         <Header
           number={libraryData.slug}
           title={libraryData.title}