fix: tooltip message

openedx · Dec 18, 2024 · 46da7f8 · 46da7f8
1 parent ae99478
commit 46da7f8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/course-home/progress-tab/grades/grade-summary/GradeSummaryTableFooter.jsx b/src/course-home/progress-tab/grades/grade-summary/GradeSummaryTableFooter.jsx
@@ -1,8 +1,10 @@
+import { useContext } from 'react';
 import { useSelector } from 'react-redux';
 
 import { getLocale, isRtl, useIntl } from '@edx/frontend-platform/i18n';
 import {
   DataTable,
+  DataTableContext,
   Icon,
   OverlayTrigger,
   Stack,
@@ -15,6 +17,18 @@ import messages from '../messages';
 
 const GradeSummaryTableFooter = () => {
   const intl = useIntl();
+
+  const { data } = useContext(DataTableContext);
+
+  const rawGrade = data.reduce(
+    (grade, currentValue) => {
+      const { weightedGrade } = currentValue.weightedGrade;
+      const percent = weightedGrade.replace(/%/g, '').trim();
+      return grade + parseFloat(percent);
+    },
+    0,
+  ).toFixed(2);
+
   const {
     courseId,
   } = useSelector(state => state.courseHome);
@@ -42,7 +56,10 @@ const GradeSummaryTableFooter = () => {
               placement="bottom"
               overlay={(
                 <Tooltip>
-                  {intl.formatMessage(messages.weightedGradeSummaryTooltip)}
+                  {intl.formatMessage(
+                    messages.weightedGradeSummaryTooltip,
+                    { roundedGrade: totalGrade, rawGrade },
+                  )}
                 </Tooltip>
               )}
             >

diff --git a/src/course-home/progress-tab/grades/messages.ts b/src/course-home/progress-tab/grades/messages.ts
@@ -205,7 +205,7 @@ const messages = defineMessages({
   },
   weightedGradeSummaryTooltip: {
     id: 'progress.weightedGradeSummary',
-    defaultMessage: 'The weighted grade for individual assignment types is raw and the weighted grade summary is rounded.',
+    defaultMessage: 'Your raw weighted grade summary is {rawGrade} and rounds to {roundedGrade}.',
     description: 'Tooltip content that explains the rounding of the summary versus individual assignments',
   },
 });