SONAR-7402 improve display of ratings

2 files changed, 3 insertions, 8 deletions

diff --git a/server/sonar-web/src/main/js/apps/component-measures/components/Measure.js b/server/sonar-web/src/main/js/apps/component-measures/components/Measure.js
index 755d5eb20d9..7eec6eff935 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/components/Measure.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/components/Measure.js
@@ -41,7 +41,7 @@ const Measure = ({ measure, metric }) => {
 
   return (
       <span>
-        {formattedValue}
+        {formattedValue != null ? formattedValue : '–'}
       </span>
   );
 };
diff --git a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/MeasureCell.js b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/MeasureCell.js
index 8d3678ea57e..2b030cc6feb 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/MeasureCell.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/details/drilldown/MeasureCell.js
@@ -19,18 +19,13 @@
  */
 import React from 'react';
 
-import { formatMeasure } from '../../../../helpers/measures';
-import { isDiffMetric, formatLeak } from '../../utils';
+import Measure from '../../components/Measure';
 
 const MeasureCell = ({ component, metric }) => {
-  const value = isDiffMetric(metric) ?
-      formatLeak(component.leak, metric) :
-      formatMeasure(component.value, metric.type);
-
   return (
       <td className="thin nowrap text-right">
         <span id={'component-measures-component-measure-' + component.key}>
-          {value != null ? value : '–'}
+          <Measure measure={{ value: component.value, leak: component.leak }} metric={metric}/>
         </span>
       </td>
   );