diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx index 585b12b2c4..767687feab 100644 --- a/src/course-home/progress-tab/ProgressTab.jsx +++ b/src/course-home/progress-tab/ProgressTab.jsx @@ -1,6 +1,6 @@ import React from 'react'; import { useSelector } from 'react-redux'; -import { breakpoints, useWindowSize } from '@openedx/paragon'; +import { useWindowSize } from '@openedx/paragon'; import CourseCompletion from './course-completion/CourseCompletion'; import ProgressHeader from './ProgressHeader'; @@ -26,7 +26,6 @@ const ProgressTab = () => { return null; } - const wideScreen = windowWidth >= breakpoints.large.minWidth; return ( <> @@ -34,14 +33,13 @@ const ProgressTab = () => { {/* Main body */}
{!disableProgressGraph && } - {!wideScreen && } +
{/* Side panel */}
- {wideScreen && }
diff --git a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx index de8ce01f62..94f3e747c5 100644 --- a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx +++ b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx @@ -23,8 +23,8 @@ const CompletionDonutChart = ({ intl, optional = false }) => { const lockedCount = optional ? completionSummary.optionalLockedCount : completionSummary.lockedCount; const numTotalUnits = completeCount + incompleteCount + lockedCount; - const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(0)) : 0; - const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(0)) : 0; + const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(1)) : 0; + const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(1)) : 0; const incompletePercentage = 100 - completePercentage - lockedPercentage; const isLocaleRtl = isRtl(getLocale());