feat: Update banner in unit page from library

Author: ChrisChV

src/course-unit/CourseUnit.tsx

@@ -48,6 +48,7 @@ import { UnitSidebarProvider } from './unit-sidebar/UnitSidebarContext';
 import { UnitSidebarPagesProvider } from './unit-sidebar/UnitSidebarPagesContext';
 import { UNIT_VISIBILITY_STATES } from './constants';
 import { isUnitPageNewDesignEnabled } from './utils';
+import { useHelpUrls } from '@src/help-urls/hooks';
 
 const StatusBar = ({ courseUnit }: { courseUnit: any; }) => {
   const { selectedPartitionIndex, selectedGroupsLabel } = courseUnit.userPartitionInfo ?? {};
@@ -164,6 +165,7 @@ const CourseUnit = () => {
   const intl = useIntl();
   const { blockId } = useParams();
   const { courseId } = useCourseAuthoringContext();
+  const urls = useHelpUrls(['syncLibraryUpdates']);
 
   if (courseId === undefined) {
     // istanbul ignore next - This shouldn't be possible; it's just here to satisfy the type checker.
@@ -283,6 +285,11 @@ const CourseUnit = () => {
                         <FormattedMessage {...messages.alertLibraryUnitReadOnlyLinkText} />
                       </Alert.Link>
                     ),
+                    learnMore: (
+                      <Alert.Link href={urls['syncLibraryUpdates']}>
+                        <FormattedMessage {...messages.alertLibraryUnitReadOnlyLearnMoreText} />
+                      </Alert.Link>
+                    ),
                   },
                 )}
                 variant="info"

src/course-unit/messages.ts

@@ -45,14 +45,19 @@ const messages = defineMessages({
   },
   alertLibraryUnitReadOnlyText: {
     id: 'course-authoring.course-unit.alert.read-only.text',
-    defaultMessage: 'This unit can only be edited from the {link}.',
+    defaultMessage: 'Only certain edits are possible for {link}. {learnMore}',
     description: 'Text of the alert when the unit is read only because is a library unit',
   },
   alertLibraryUnitReadOnlyLinkText: {
     id: 'course-authoring.course-unit.alert.read-only.link.text',
-    defaultMessage: 'library',
+    defaultMessage: 'library content',
     description: 'Text of the link in the alert when the unit is read only because is a library unit',
   },
+  alertLibraryUnitReadOnlyLearnMoreText: {
+    id: 'course-authoring.course-unit.alert.read-only.learn-more.text',
+    defaultMessage: 'Learn More',
+    description: 'Text of the learn more link in the alert when the unit is read only because is a library unit',
+  },
   statusBarDraftChangesBadge: {
     id: 'course-authoring.course-unit.status-bar.publish-status.draft-changes',
     defaultMessage: 'Unpublished changes',

src/help-urls/data/api.ts

@@ -29,6 +29,7 @@ export interface HelpUrls {
   register: string;
   schedule: string;
   socialSharing: string;
+  syncLibraryUpdates: string;
   teamCourse: string;
   teamLibrary: string;
   textbooks: string;