E0d/i18n fixes

src/components/FileUpload/FileMetaDisplay.jsx

@@ -21,7 +21,7 @@ const FileMetaDisplay = ({ name, description, size }) => (
     <div className="file-meta-option">
       <strong><FormattedMessage {...messages.fileSizeTitle} /></strong>
       <br />
-      {typeof (size) === 'number' ? filesize(size) : 'Unknown'}
+      {typeof (size) === 'number' ? filesize(size) : <FormattedMessage {...messages.unknownFileSize} />}
     </div>
   </>
 );

src/components/FileUpload/__snapshots__/FileMetaDisplay.test.jsx.snap

@@ -83,7 +83,11 @@ exports[`<FileMetaDisplay /> render file meta display with no size 1`] = `
       />
     </strong>
     <br />
-    Unknown
+    <FormattedMessage
+      defaultMessage="Unknown"
+      description="Label for unknown file size"
+      id="frontend-app-ora.FileCellContent.unknownFileSize"
+    />
   </div>
 </Fragment>
 `;

src/components/FileUpload/messages.js

@@ -16,6 +16,11 @@ const messages = defineMessages({
     defaultMessage: 'File size',
     description: ' title for file size',
   },
+  unknownFileSize: {
+    id: 'frontend-app-ora.FileCellContent.unknownFileSize',
+    defaultMessage: 'Unknown',
+    description: 'Label for unknown file size',
+  },
   fileUploadTitle: {
     id: 'frontend-app-ora.FileCellContent.fileUploadTitle',
     defaultMessage: 'File upload',

src/components/ProgressBar/ProgressStep.jsx

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 
 import { StrictDict } from '@edx/react-unit-test-utils';
 import { Nav, Icon } from '@openedx/paragon';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import {
   CheckCircle,
   Edit,
@@ -14,6 +15,7 @@ import {
 
 import { stepNames } from 'constants/index';
 import { useProgressStepData } from './hooks';
+import messages from './messages';
 
 export const stepIcons = StrictDict({
   [stepNames.submission]: Edit,
@@ -43,7 +45,7 @@ const ProgressStep = ({
   if (isPastDue) {
     colorClass = 'text-danger-500';
     iconSrc = Error;
-    subLabel = 'Past due!';
+    subLabel = <FormattedMessage {...messages.pastDue} />;
   } else if (isComplete) {
     iconSrc = CheckCircle;
     if (step === stepNames.done && myGrade) {

src/components/ProgressBar/__snapshots__/ProgressStep.test.jsx.snap

@@ -25,7 +25,11 @@ exports[`<ProgressStep /> render error on past due 1`] = `
       className="x-small m-0 text-danger-500"
       data-testid="sublabel-test-id"
     >
-      Past due!
+      <FormattedMessage
+        defaultMessage="Past due!"
+        description="Warning label shown when a step is past its due date"
+        id="frontend-app-ora.ProgressBar.pastDue"
+      />
     </p>
   </div>
 </Nav.Link>

src/components/ProgressBar/messages.js

@@ -31,6 +31,11 @@ const messages = defineMessages({
     defaultMessage: ' (Step {stepIndex}/{totalSteps})',
     description: 'Step progress indicator',
   },
+  pastDue: {
+    id: 'frontend-app-ora.ProgressBar.pastDue',
+    defaultMessage: 'Past due!',
+    description: 'Warning label shown when a step is past its due date',
+  },
 });
 
 export default messages;

src/views/XBlockStudioView/components/StudioViewTitle.jsx

@@ -14,7 +14,7 @@ const StudioViewTitle = () => {
 
   return (
     <div className="block-title">
-      <h2>{title}</h2>
+      <h2>{formatMessage(messages.blockTitle, { title })}</h2>
       <Button
         className="flex-grow"
         onClick={toggleAll}

src/views/XBlockStudioView/components/messages.js

@@ -2,6 +2,11 @@ import { defineMessages } from '@edx/frontend-platform/i18n';
 import { stepNames } from 'constants/index';
 
 const messages = defineMessages({
+  blockTitle: {
+    id: 'frontend-app-ora.xblock-studio-view.blockTitle',
+    defaultMessage: '{title}',
+    description: 'Title of the Open Response Assessment block',
+  },
   promptHeader: {
     defaultMessage: 'Prompt',
     description: 'prompt header',