From 61c4bc11bd8d8227176dcd246fd30d86b088a6f2 Mon Sep 17 00:00:00 2001
From: jkantor <jkantor@edx.org>
Date: Tue, 4 Dec 2018 14:12:17 -0500
Subject: [PATCH] fix(UI) rounded percentages to two decimal places

---
 src/components/Gradebook/index.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx
index 06a745a..73a7d3b 100644
--- a/src/components/Gradebook/index.jsx
+++ b/src/components/Gradebook/index.jsx
@@ -11,6 +11,8 @@ import {
 import queryString from 'query-string';
 import { configuration } from '../../config';
 
+const DECIMAL_PRECISION = 2;
+
 export default class Gradebook extends React.Component {
   constructor(props) {
     super(props);
@@ -174,6 +176,8 @@ export default class Gradebook extends React.Component {
     return 'Tracks';
   };
 
+  roundPercentageGrade = percent => parseFloat(percent.toFixed(DECIMAL_PRECISION));
+
   formatter = {
     percent: entries => entries.map((entry) => {
       const results = { username: entry.username };
@@ -185,11 +189,11 @@ export default class Gradebook extends React.Component {
               className="btn btn-header link-style"
               onClick={() => this.setNewModalState(entry, subsection)}
             >
-              {subsection.percent * 100}%
+              {this.roundPercentageGrade(subsection.percent * 100)}%
             </button>);
           return acc;
         }, {});
-      const totals = { total: `${entry.percent * 100}%` };
+      const totals = { total: `${this.roundPercentageGrade(entry.percent * 100)}%` };
       return Object.assign(results, assignments, totals);
     }),