diff --git a/src/files-and-videos/generic/EditFileErrors.jsx b/src/files-and-videos/generic/EditFileErrors.jsx
index a964fbc9da..ef6b838f01 100644
--- a/src/files-and-videos/generic/EditFileErrors.jsx
+++ b/src/files-and-videos/generic/EditFileErrors.jsx
@@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { useIntl } from '@edx/frontend-platform/i18n';
import { Alert } from '@openedx/paragon';
import ErrorAlert from '../../editors/sharedComponents/ErrorAlerts/ErrorAlert';
import { RequestStatus } from '../../data/constants';
@@ -13,71 +13,72 @@ const EditFileErrors = ({
deleteFileStatus,
updateFileStatus,
loadingStatus,
- // injected
- intl,
-}) => (
- <>
- resetErrors({ errorType: 'loading' })}
- isError={loadingStatus === RequestStatus.FAILED || loadingStatus === RequestStatus.PARTIAL_FAILURE}
- >
- {intl.formatMessage(messages.errorAlertMessage, { message: errorMessages.loading })}
-
- resetErrors({ errorType: 'add' })}
- isError={addFileStatus === RequestStatus.FAILED}
- >
-
- {intl.formatMessage(messages.uploadErrorAlertTitle)}
-
-
- {errorMessages.add.map(message => (
- -
- {intl.formatMessage(messages.errorAlertMessage, { message })}
-
- ))}
-
-
- resetErrors({ errorType: 'delete' })}
- isError={deleteFileStatus === RequestStatus.FAILED}
- >
-
- {errorMessages.delete.map(message => (
- -
- {intl.formatMessage(messages.errorAlertMessage, { message })}
-
- ))}
-
-
- resetErrors({ errorType: 'update' })}
- isError={updateFileStatus === RequestStatus.FAILED}
- >
-
- {errorMessages.lock?.map(message => (
- -
- {intl.formatMessage(messages.errorAlertMessage, { message })}
-
- ))}
- {errorMessages.download.map(message => (
- -
- {intl.formatMessage(messages.errorAlertMessage, { message })}
-
- ))}
- {errorMessages.thumbnail?.map(message => (
- -
- {intl.formatMessage(messages.errorAlertMessage, { message })}
-
- ))}
-
-
- >
-);
+}) => {
+ const intl = useIntl();
+ return (
+ <>
+ resetErrors({ errorType: 'loading' })}
+ isError={loadingStatus === RequestStatus.FAILED || loadingStatus === RequestStatus.PARTIAL_FAILURE}
+ >
+ {intl.formatMessage(messages.errorAlertMessage, { message: errorMessages.loading })}
+
+ resetErrors({ errorType: 'add' })}
+ isError={addFileStatus === RequestStatus.FAILED}
+ >
+
+ {intl.formatMessage(messages.uploadErrorAlertTitle)}
+
+
+ {errorMessages.add.map(message => (
+ -
+ {intl.formatMessage(messages.errorAlertMessage, { message })}
+
+ ))}
+
+
+ resetErrors({ errorType: 'delete' })}
+ isError={deleteFileStatus === RequestStatus.FAILED}
+ >
+
+ {errorMessages.delete.map(message => (
+ -
+ {intl.formatMessage(messages.errorAlertMessage, { message })}
+
+ ))}
+
+
+ resetErrors({ errorType: 'update' })}
+ isError={updateFileStatus === RequestStatus.FAILED}
+ >
+
+ {errorMessages.lock?.map(message => (
+ -
+ {intl.formatMessage(messages.errorAlertMessage, { message })}
+
+ ))}
+ {errorMessages.download.map(message => (
+ -
+ {intl.formatMessage(messages.errorAlertMessage, { message })}
+
+ ))}
+ {errorMessages.thumbnail?.map(message => (
+ -
+ {intl.formatMessage(messages.errorAlertMessage, { message })}
+
+ ))}
+
+
+ >
+ );
+};
EditFileErrors.propTypes = {
resetErrors: PropTypes.func.isRequired,
@@ -93,8 +94,6 @@ EditFileErrors.propTypes = {
deleteFileStatus: PropTypes.string.isRequired,
updateFileStatus: PropTypes.string.isRequired,
loadingStatus: PropTypes.string.isRequired,
- // injected
- intl: intlShape.isRequired,
};
-export default injectIntl(EditFileErrors);
+export default EditFileErrors;