Merge pull request #45058 from code-dot-org/maureen/LP-2180-progress-…

…pill-updates

ProgressPill uses bubble url helper

apps/src/templates/progress/ProgressPill.jsx

@@ -5,15 +5,15 @@ import FontAwesome from '../FontAwesome';
 import color from '@cdo/apps/util/color';
 import {levelWithProgressType} from './progressTypes';
 import {levelProgressStyle, hoverStyle} from './progressStyles';
-import {stringifyQueryParams} from '../../utils';
 import {queryParams} from '@cdo/apps/code-studio/utils';
 import {isLevelAssessment} from './progressHelpers';
 import {connect} from 'react-redux';
 import {ReviewStates} from '@cdo/apps/templates/feedback/types';
 import BubbleBadge, {BadgeType} from '@cdo/apps/templates/progress/BubbleBadge';
 import {
   BubbleShape,
-  BubbleSize
+  BubbleSize,
+  getBubbleUrl
 } from '@cdo/apps/templates/progress/BubbleFactory';
 
 /**
@@ -50,19 +50,8 @@ class ProgressPill extends React.Component {
       return;
     }
 
-    let url = levels[0].url;
-    let params = {};
-
-    if (selectedSectionId) {
-      params['section_id'] = selectedSectionId;
-    }
-
     const userId = queryParams('user_id');
-    if (userId) {
-      params['user_id'] = userId;
-    }
-
-    return (url += stringifyQueryParams(params));
+    return getBubbleUrl(levels[0].url, userId, selectedSectionId);
   }
 
   getTooltipProps() {