[DDW-1190] Created a function to force the syncing percentage to have 2 fixed digit places

Author: danielmain

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## vNext
 
+### Fixes
+
+- Fixed decimals for syncing percentage ([PR ](https://github.com/input-output-hk/daedalus/pull/))
+
 ## 5.2.0
 
 ### Features

source/renderer/app/components/loading/syncing-connecting/SyncingProgress/SyncingProgress.tsx

@@ -1,5 +1,6 @@
 import cx from 'classnames';
 import React from 'react';
+import BigNumber from 'bignumber.js';
 import { intlShape } from 'react-intl';
 import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import SVGInline from 'react-svg-inline';
@@ -40,6 +41,14 @@ const makePercentageCellStyles = (loaded: boolean) =>
     [styles.faded]: loaded,
   });
 
+const getSafePercentage = (value: number): string => {
+  try {
+    return new BigNumber(value).toFixed(2).toString();
+  } catch (error) {
+    return '-';
+  }
+};
+
 function SyncingProgress(props: Props, { intl }: Context) {
   return (
     <div className={styles.root}>
@@ -80,7 +89,7 @@ function SyncingProgress(props: Props, { intl }: Context) {
             key={type}
             className={makePercentageCellStyles(props[type] === 100)}
           >
-            {props[type]}%
+            {getSafePercentage(props[type])}%
           </div>
         ))}
       </div>