a56fd7d0e1
* feat: replace blocked icon with locked * refactor: replace injectIntl with useIntl * revert: temporary test change * fix: failing test * fix: wording of message description * fix: lingering lint error * fix: missing message variable
27 lines
767 B
JavaScript
27 lines
767 B
JavaScript
import { useIntl } from '@edx/frontend-platform/i18n';
|
|
|
|
import CompletionDonutChart from './CompletionDonutChart';
|
|
import messages from './messages';
|
|
|
|
const CourseCompletion = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<section className="text-dark-700 mb-4 rounded raised-card p-4">
|
|
<div className="row w-100 m-0">
|
|
<div className="col-12 col-sm-6 col-md-7 p-0">
|
|
<h2>{intl.formatMessage(messages.courseCompletion)}</h2>
|
|
<p className="small">
|
|
{intl.formatMessage(messages.completionBody)}
|
|
</p>
|
|
</div>
|
|
<div className="col-12 col-sm-6 col-md-5 mt-sm-n3 p-0 text-center">
|
|
<CompletionDonutChart />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default CourseCompletion;
|