diff --git a/src/course-home/progress-tab/grades/detailed-grades/ProblemScoreDrawer.jsx b/src/course-home/progress-tab/grades/detailed-grades/ProblemScoreDrawer.jsx index cf29c39c38..1d069c80f7 100644 --- a/src/course-home/progress-tab/grades/detailed-grades/ProblemScoreDrawer.jsx +++ b/src/course-home/progress-tab/grades/detailed-grades/ProblemScoreDrawer.jsx @@ -1,6 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; +import { OverlayTrigger, Tooltip } from '@openedx/paragon'; import { getLocale, injectIntl, intlShape, isRtl, @@ -10,10 +11,26 @@ import messages from '../messages'; const ProblemScoreDrawer = ({ intl, problemScores, subsection }) => { const isLocaleRtl = isRtl(getLocale()); - const scoreLabel = subsection.hasGradedAssignment ? messages.problemScoreLabel : messages.ungradedProblemScoreLabel; + + let scoreLabel = messages.practiceScoreLabel; + let scoreLabelTooltip = messages.practiceScoreLabelTooltip; + if (subsection.hasGradedAssignment) { + scoreLabel = messages.problemScoreLabel; + scoreLabelTooltip = messages.problemScoreLabelTooltip; + } + return ( - {intl.formatMessage(scoreLabel)} + + {intl.formatMessage(scoreLabelTooltip)} + + )} + > + {intl.formatMessage(scoreLabel)} +