fix: make the lastUpdatedDate consistent on LPR

openedx · Jan 17, 2025 · ceb2212 · ceb2212
1 parent d7e8a8d
commit ceb2212
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Admin/index.jsx b/src/components/Admin/index.jsx
@@ -24,7 +24,7 @@ import AdminSearchForm from './AdminSearchForm';
 import EnterpriseAppSkeleton from '../EnterpriseApp/EnterpriseAppSkeleton';
 
 import EnterpriseDataApiService from '../../data/services/EnterpriseDataApiService';
-import { formatTimestamp } from '../../utils';
+import { formattedLastUpdatedDateInUTC } from '../../utils';
 
 import AdminCardsSkeleton from './AdminCardsSkeleton';
 import { SubscriptionData } from '../subscriptions';
@@ -505,7 +505,7 @@ class Admin extends React.Component {
                         description="Message to show the last updated date of the data on lpr page"
                         values={{
                           timestamp: <FormattedDate
-                            value={formatTimestamp({ timestamp: lastUpdatedDate })}
+                            value={formattedLastUpdatedDateInUTC({ timestamp: lastUpdatedDate })}
                             year="numeric"
                             month="long"
                             day="numeric"

diff --git a/src/utils.js b/src/utils.js
@@ -13,6 +13,7 @@ import isNumeric from 'validator/lib/isNumeric';
 import { logError } from '@edx/frontend-platform/logging';
 import { snakeCaseObject } from '@edx/frontend-platform/utils';
 
+import utc from 'dayjs/plugin/utc';
 import { features } from './config';
 
 import {
@@ -27,16 +28,24 @@ import DegreedIcon from './icons/Degreed.png';
 import MoodleIcon from './icons/Moodle.png';
 import SAPIcon from './icons/SAP.svg';
 import { COURSE_RUN_STATUSES } from './components/ContentHighlights/data/constants';
-
 import LmsApiService from './data/services/LmsApiService';
 
+dayjs.extend(utc);
+
 const formatTimestamp = ({ timestamp, format = 'MMMM D, YYYY' }) => {
   if (timestamp) {
     return dayjs(timestamp).format(format);
   }
   return null;
 };
 
+const formattedLastUpdatedDateInUTC = ({ timestamp, format = 'MMMM D, YYYY' }) => {
+  if (timestamp) {
+    return dayjs(timestamp).utc().format(format);
+  }
+  return null;
+};
+
 const formatPassedTimestamp = (timestamp) => {
   if (timestamp) {
     return formatTimestamp({ timestamp });
@@ -704,4 +713,5 @@ export {
   isFalsy,
   getTimeStampedFilename,
   downloadCsv,
+  formattedLastUpdatedDateInUTC,
 };