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 })}