refactor: Replace of injectIntl with useIntl() part 7 (#2297)

This commit is contained in:
Ahtesham Quraish
2025-07-19 02:52:57 +05:00
committed by GitHub
parent 4f3904ea4c
commit 46d5917303
14 changed files with 106 additions and 129 deletions

View File

@@ -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;

View File

@@ -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;