Release 0.98.12

RELEASE.rst

@@ -1,6 +1,12 @@
 Release Notes
 =============
 
+Version 0.98.12
+---------------
+
+- Make the enrollment alert read by screen reader (#2324)
+- MITx Online receipt displays wrong date (#2331)
+
 Version 0.98.11 (Released August 07, 2024)
 ---------------
 

ecommerce/serializers.py

@@ -427,6 +427,7 @@ class Meta:
             "lines",
             "created_on",
             "titles",
+            "updated_on",
         ]
         model = models.Order
         depth = 1

frontend/public/src/components/NotificationContainer.js

@@ -31,10 +31,27 @@ type State = {
 }
 
 export class NotificationContainer extends React.Component<Props, State> {
+  headingRef: { current: null | HTMLDivElement }
+
+  constructor(props: Props) {
+    super(props)
+    this.headingRef = React.createRef()
+  }
   state = {
     hiddenNotifications: new Set()
   }
 
+  componentDidMount() {
+    if (this.headingRef.current) {
+      this.headingRef.current.focus()
+    }
+  }
+  componentDidUpdate() {
+    if (this.headingRef.current) {
+      this.headingRef.current.focus()
+    }
+  }
+
   onDismiss = (notificationKey: string) => {
     const { removeUserNotification, messageRemoveDelayMs } = this.props
     const { hiddenNotifications } = this.state
@@ -59,7 +76,11 @@ export class NotificationContainer extends React.Component<Props, State> {
     const { hiddenNotifications } = this.state
 
     return (
-      <div className="notifications order-2" id="notifications-container">
+      <div
+        className="notifications order-2"
+        id="notifications-container"
+        ref={this.headingRef}
+      >
         {Object.keys(userNotifications).map((notificationKey, i) => {
           const dismiss = partial(this.onDismiss, [notificationKey])
           const notification = userNotifications[notificationKey]
@@ -81,6 +102,7 @@ export class NotificationContainer extends React.Component<Props, State> {
               toggle={dismiss}
               fade={true}
               closeClassName="btn-close-white"
+              closeAriaLabel="Close Enrollment Notification Button"
             >
               <AlertBodyComponent dismiss={dismiss} {...notification.props} />
             </Alert>

frontend/public/src/containers/pages/checkout/OrderHistory.js

@@ -73,7 +73,7 @@ export class OrderHistory extends React.Component<Props> {
     const orderTitle =
       order.titles.length > 0 ? order.titles.join("<br />") : <em>No Items</em>
     const orderDate = formatPrettyDateTimeAmPmTz(
-      parseDateString(order.created_on)
+      parseDateString(order.updated_on)
     )
     return (
       <tr scope="row" key={`ordercard_${order.id}`}>

main/settings.py

@@ -29,7 +29,7 @@
 from main.celery_utils import OffsettingSchedule
 from main.sentry import init_sentry
 
-VERSION = "0.98.11"
+VERSION = "0.98.12"
 
 log = logging.getLogger()