feat: add last published date to HistoryWidget

openedx · Jan 13, 2025 · e05dccc · e05dccc
1 parent e6bce56
commit e05dccc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/library-authoring/collections/CollectionDetails.tsx b/src/library-authoring/collections/CollectionDetails.tsx
@@ -166,8 +166,7 @@ const CollectionDetails = () => {
           {intl.formatMessage(messages.detailsTabHistoryTitle)}
         </h3>
         <HistoryWidget
-          created={collection.created ? new Date(collection.created) : null}
-          modified={collection.modified ? new Date(collection.modified) : null}
+          {...collection}
         />
       </div>
     </Stack>

diff --git a/src/library-authoring/generic/history-widget/index.tsx b/src/library-authoring/generic/history-widget/index.tsx
@@ -15,6 +15,7 @@ const CustomFormattedDate = ({ date }: { date: string | Date }) => (
 type HistoryWidgedProps = {
   modified: string | Date | null;
   created: string | Date | null;
+  lastPublished?: string | Date | null;
 };
 
 /**
@@ -32,8 +33,15 @@ type HistoryWidgedProps = {
 const HistoryWidget = ({
   modified,
   created,
+  lastPublished,
 }: HistoryWidgedProps) => (
   <Stack className="history-widget-bar small" gap={3}>
+    {lastPublished && (
+      <div>
+        <div className="text-muted"><FormattedMessage {...messages.lastPublishedTitle} /> </div>
+        <CustomFormattedDate date={lastPublished} />
+      </div>
+    )}
     {modified && (
       <div>
         <div className="text-muted"><FormattedMessage {...messages.lastModifiedTitle} /> </div>

diff --git a/src/library-authoring/generic/history-widget/messages.ts b/src/library-authoring/generic/history-widget/messages.ts
@@ -1,6 +1,11 @@
 import { defineMessages } from '@edx/frontend-platform/i18n';
 
 const messages = defineMessages({
+  lastPublishedTitle: {
+    id: 'course-authoring.library-authoring.generic.history-widget.last-published',
+    defaultMessage: 'Last Published',
+    description: 'Title of the last published section in the library authoring sidebar.',
+  },
   lastModifiedTitle: {
     id: 'course-authoring.library-authoring.generic.history-widget.last-modified',
     defaultMessage: 'Last Modified',