diff --git a/src/containers/CourseFilterControls/components/FilterForm.jsx b/src/containers/CourseFilterControls/components/FilterForm.jsx
index 0e5808d..7abdb2c 100644
--- a/src/containers/CourseFilterControls/components/FilterForm.jsx
+++ b/src/containers/CourseFilterControls/components/FilterForm.jsx
@@ -1,11 +1,13 @@
import React from 'react';
import PropTypes from 'prop-types';
+import { useIntl } from '@edx/frontend-platform/i18n';
import { FilterKeys } from 'data/constants/app';
import { Form } from '@edx/paragon';
import Checkbox from './Checkbox';
+import messages from '../messages';
export const filterOrder = [
FilterKeys.inProgress,
@@ -18,20 +20,23 @@ export const filterOrder = [
export const FilterForm = ({
filters,
handleFilterChange,
-}) => (
-
- Course Status
-
- {filterOrder.map(filterKey => (
-
- ))}
-
-
-);
+}) => {
+ const { formatMessage } = useIntl();
+ return (
+
+ {formatMessage(messages.courseStatus)}
+
+ {filterOrder.map(filterKey => (
+
+ ))}
+
+
+ );
+};
FilterForm.propTypes = {
filters: PropTypes.arrayOf(PropTypes.string).isRequired,
handleFilterChange: PropTypes.func.isRequired,
diff --git a/src/containers/CourseFilterControls/messages.js b/src/containers/CourseFilterControls/messages.js
index af895dc..39875b7 100644
--- a/src/containers/CourseFilterControls/messages.js
+++ b/src/containers/CourseFilterControls/messages.js
@@ -1,6 +1,11 @@
import { defineMessages } from '@edx/frontend-platform/i18n';
const messages = defineMessages({
+ courseStatus: {
+ id: 'learner-dash.courseListFilters.courseStatus',
+ description: 'course status filter form heading',
+ defaultMessage: 'Course Status',
+ },
inProgress: {
id: 'learner-dash.courseListFilters.inProgress',
description: 'in-progress filter checkbox label for course list filters',