diff --git a/src/components/FileUpload/FileMetaDisplay.jsx b/src/components/FileUpload/FileMetaDisplay.jsx
index cbadc05e..70d17857 100644
--- a/src/components/FileUpload/FileMetaDisplay.jsx
+++ b/src/components/FileUpload/FileMetaDisplay.jsx
@@ -21,7 +21,7 @@ const FileMetaDisplay = ({ name, description, size }) => (
- {typeof (size) === 'number' ? filesize(size) : 'Unknown'}
+ {typeof (size) === 'number' ? filesize(size) : }
>
);
diff --git a/src/components/FileUpload/__snapshots__/FileMetaDisplay.test.jsx.snap b/src/components/FileUpload/__snapshots__/FileMetaDisplay.test.jsx.snap
index bfec06ba..6b9c3bed 100644
--- a/src/components/FileUpload/__snapshots__/FileMetaDisplay.test.jsx.snap
+++ b/src/components/FileUpload/__snapshots__/FileMetaDisplay.test.jsx.snap
@@ -83,7 +83,11 @@ exports[` render file meta display with no size 1`] = `
/>
- Unknown
+
`;
diff --git a/src/components/FileUpload/messages.js b/src/components/FileUpload/messages.js
index 164781f3..c4640390 100644
--- a/src/components/FileUpload/messages.js
+++ b/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',
diff --git a/src/components/ProgressBar/ProgressStep.jsx b/src/components/ProgressBar/ProgressStep.jsx
index f31ef5a9..bb015c9a 100644
--- a/src/components/ProgressBar/ProgressStep.jsx
+++ b/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 = ;
} else if (isComplete) {
iconSrc = CheckCircle;
if (step === stepNames.done && myGrade) {
diff --git a/src/components/ProgressBar/__snapshots__/ProgressStep.test.jsx.snap b/src/components/ProgressBar/__snapshots__/ProgressStep.test.jsx.snap
index 8c5bc1a6..ba31c7a0 100644
--- a/src/components/ProgressBar/__snapshots__/ProgressStep.test.jsx.snap
+++ b/src/components/ProgressBar/__snapshots__/ProgressStep.test.jsx.snap
@@ -25,7 +25,11 @@ exports[` render error on past due 1`] = `
className="x-small m-0 text-danger-500"
data-testid="sublabel-test-id"
>
- Past due!
+
diff --git a/src/components/ProgressBar/messages.js b/src/components/ProgressBar/messages.js
index 8bf83d27..4a7d6e38 100644
--- a/src/components/ProgressBar/messages.js
+++ b/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;
diff --git a/src/views/XBlockStudioView/components/StudioViewTitle.jsx b/src/views/XBlockStudioView/components/StudioViewTitle.jsx
index 1c6162bf..7fc3badd 100644
--- a/src/views/XBlockStudioView/components/StudioViewTitle.jsx
+++ b/src/views/XBlockStudioView/components/StudioViewTitle.jsx
@@ -14,7 +14,7 @@ const StudioViewTitle = () => {
return (
-
{title}
+ {formatMessage(messages.blockTitle, { title })}