diff --git a/lms/static/scripts/frontend_apps/components/dashboard/AssignmentActivity.tsx b/lms/static/scripts/frontend_apps/components/dashboard/AssignmentActivity.tsx
index cf27d2b372..6bc7f43878 100644
--- a/lms/static/scripts/frontend_apps/components/dashboard/AssignmentActivity.tsx
+++ b/lms/static/scripts/frontend_apps/components/dashboard/AssignmentActivity.tsx
@@ -1,3 +1,4 @@
+import classnames from 'classnames';
import { useMemo } from 'preact/hooks';
import { useLocation, useParams, useSearch } from 'wouter-preact';
@@ -199,7 +200,17 @@ export default function AssignmentActivity() {
)
);
case 'auto_grading_grade':
- return ;
+ return (
+
+
+
+ );
default:
return '';
}
diff --git a/lms/static/scripts/frontend_apps/components/dashboard/test/AssignmentActivity-test.js b/lms/static/scripts/frontend_apps/components/dashboard/test/AssignmentActivity-test.js
index 0472e43fb4..35ddf281bd 100644
--- a/lms/static/scripts/frontend_apps/components/dashboard/test/AssignmentActivity-test.js
+++ b/lms/static/scripts/frontend_apps/components/dashboard/test/AssignmentActivity-test.js
@@ -384,8 +384,9 @@ describe('AssignmentActivity', () => {
.find('OrderableActivityTable')
.props()
.renderItem({ auto_grading_grade }, 'auto_grading_grade');
+ const gradeChip = mount(item).find('GradeStatusChip');
- assert.equal(mount(item).prop('grade'), auto_grading_grade ?? 0);
+ assert.equal(gradeChip.prop('grade'), auto_grading_grade ?? 0);
});
},
);