refactor: Replace of injectIntl with useIntl() part 7 (#2297)
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import React, { useState } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
|
||||
import { useIntl } from '@edx/frontend-platform/i18n';
|
||||
|
||||
import { Button } from '@openedx/paragon';
|
||||
import { CheckCircle, Warning } from '@openedx/paragon/icons';
|
||||
|
||||
@@ -15,7 +16,6 @@ const MIN_NUMBER_VALUE = 0;
|
||||
const MAX_NUMBER_VALUE = 100;
|
||||
|
||||
const AssignmentSection = ({
|
||||
intl,
|
||||
handleRemoveAssignment,
|
||||
setShowSavePrompt,
|
||||
graders,
|
||||
@@ -23,6 +23,7 @@ const AssignmentSection = ({
|
||||
courseAssignmentLists,
|
||||
setShowSuccessAlert,
|
||||
}) => {
|
||||
const intl = useIntl();
|
||||
const [errorList, setErrorList] = useState({});
|
||||
const {
|
||||
type, weight, minCount, dropCount,
|
||||
@@ -201,7 +202,6 @@ AssignmentSection.defaultProps = {
|
||||
};
|
||||
|
||||
AssignmentSection.propTypes = {
|
||||
intl: intlShape.isRequired,
|
||||
handleRemoveAssignment: PropTypes.func.isRequired,
|
||||
setGradingData: PropTypes.func.isRequired,
|
||||
setShowSavePrompt: PropTypes.func.isRequired,
|
||||
@@ -212,4 +212,4 @@ AssignmentSection.propTypes = {
|
||||
),
|
||||
};
|
||||
|
||||
export default injectIntl(AssignmentSection);
|
||||
export default AssignmentSection;
|
||||
|
||||
@@ -1,39 +1,41 @@
|
||||
import React from 'react';
|
||||
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
|
||||
import { useIntl } from '@edx/frontend-platform/i18n';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import { HelpSidebar } from '../../generic/help-sidebar';
|
||||
import messages from './messages';
|
||||
|
||||
const GradingSidebar = ({ intl, courseId, proctoredExamSettingsUrl }) => (
|
||||
<HelpSidebar
|
||||
courseId={courseId}
|
||||
showOtherSettings
|
||||
proctoredExamSettingsUrl={proctoredExamSettingsUrl}
|
||||
>
|
||||
<h4 className="help-sidebar-about-title">
|
||||
{intl.formatMessage(messages.gradingSidebarTitle)}
|
||||
</h4>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout1)}
|
||||
</p>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout2)}
|
||||
</p>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout3)}
|
||||
</p>
|
||||
</HelpSidebar>
|
||||
);
|
||||
const GradingSidebar = ({ courseId, proctoredExamSettingsUrl }) => {
|
||||
const intl = useIntl();
|
||||
return (
|
||||
<HelpSidebar
|
||||
courseId={courseId}
|
||||
showOtherSettings
|
||||
proctoredExamSettingsUrl={proctoredExamSettingsUrl}
|
||||
>
|
||||
<h4 className="help-sidebar-about-title">
|
||||
{intl.formatMessage(messages.gradingSidebarTitle)}
|
||||
</h4>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout1)}
|
||||
</p>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout2)}
|
||||
</p>
|
||||
<p className="help-sidebar-about-descriptions">
|
||||
{intl.formatMessage(messages.gradingSidebarAbout3)}
|
||||
</p>
|
||||
</HelpSidebar>
|
||||
);
|
||||
};
|
||||
|
||||
GradingSidebar.defaultProps = {
|
||||
proctoredExamSettingsUrl: '',
|
||||
};
|
||||
|
||||
GradingSidebar.propTypes = {
|
||||
intl: intlShape.isRequired,
|
||||
courseId: PropTypes.string.isRequired,
|
||||
proctoredExamSettingsUrl: PropTypes.string,
|
||||
};
|
||||
|
||||
export default injectIntl(GradingSidebar);
|
||||
export default GradingSidebar;
|
||||
|
||||
Reference in New Issue
Block a user