Update forging tab to show LSK with max 2 decimal places

src/components/forging/forgedBlocks.js

@@ -27,8 +27,8 @@ const ForgedBlocks = props => (
             <TableCell><FormattedNumber val={block.height} /></TableCell>
             <TableCell>{block.id}</TableCell>
             <TableCell><TooltipTime label={block.timestamp} /></TableCell>
-            <TableCell><LiskAmount val={block.totalFee} /></TableCell>
-            <TableCell><LiskAmount val={block.reward} /></TableCell>
+            <TableCell><LiskAmount val={block.totalFee} roundTo={2} /></TableCell>
+            <TableCell><LiskAmount val={block.reward} roundTo={2} /></TableCell>
           </TableRow>
         ))}
       </Table>

src/components/forging/forgingStats.js

@@ -44,6 +44,7 @@ class ForgingStats extends React.Component {
                   <span className='title'> {cardObj.label} </span>
                   <span>
                     <LiskAmount val={this.props.statistics[cardObj.key]}
+                      roundTo={2}
                       /> LSK
                   </span>
                 </div>

src/components/forging/forgingStats.test.js

@@ -35,18 +35,18 @@ describe('ForgingStats', () => {
   });
 
   it('should render Card component for Last 24 hours', () => {
-    expect(wrapper.find('Card').at(0).text().trim()).to.equal('Last 24 hours 0.00321317 LSK');
+    expect(wrapper.find('Card').at(0).text().trim()).to.equal('Last 24 hours 0 LSK');
   });
 
   it('should render Card component for Last 7 days', () => {
-    expect(wrapper.find('Card').at(1).text().trim()).to.equal('Last 7 days 32.13179124 LSK');
+    expect(wrapper.find('Card').at(1).text().trim()).to.equal('Last 7 days 32.13 LSK');
   });
 
   it('should render Card component for Last 30 days', () => {
-    expect(wrapper.find('Card').at(2).text().trim()).to.equal('Last 30 days 3,213.17912423 LSK');
+    expect(wrapper.find('Card').at(2).text().trim()).to.equal('Last 30 days 3,213.18 LSK');
   });
 
   it('should render Card component for Last 365 days', () => {
-    expect(wrapper.find('Card').at(3).text().trim()).to.equal('Last 365 days 321,317.91242342 LSK');
+    expect(wrapper.find('Card').at(3).text().trim()).to.equal('Last 365 days 321,317.91 LSK');
   });
 });

src/components/forging/forgingTitle.js

@@ -21,7 +21,7 @@ class ForgingTitle extends React.Component {
               {this.props.account.delegate.username}
             </h2>
             <span>
-              <LiskAmount val={this.props.statistics.total} /> LSK Earned
+              <LiskAmount val={this.props.statistics.total} roundTo={2} /> LSK Earned
             </span>
           </div>
         </CardText>

src/components/liskAmount/index.js

@@ -2,7 +2,16 @@ import React from 'react';
 import { fromRawLsk } from '../../utils/lsk';
 import FormattedNumber from '../formattedNumber';
 
-const LiskValue = props => (<FormattedNumber val={parseFloat(fromRawLsk(props.val))} />);
+const roundTo = (value, places) => {
+  if (!places) {
+    return value;
+  }
+  const x = Math.pow(10, places);
+  return Math.round(value * x) / x;
+};
 
-export default LiskValue;
+const LiskAmount = props => (<FormattedNumber val={
+  roundTo(parseFloat(fromRawLsk(props.val)), props.roundTo)} />);
+
+export default LiskAmount;
 

src/components/liskAmount/index.test.js

@@ -11,4 +11,11 @@ describe('LiskAmount', () => {
     const wrapper = mount(<LiskAmount val={inputValue} />);
     expect(wrapper.text()).to.be.equal(expectedValue);
   });
+
+  it('should round to props.roundTo decimal places', () => {
+    const inputValue = '12932689.64321' * normalizeNumber;
+    const expectedValue = '12,932,689.64';
+    const wrapper = mount(<LiskAmount val={inputValue} roundTo={2} />);
+    expect(wrapper.text()).to.be.equal(expectedValue);
+  });
 });