From 4319c1b4212a347a8e7300c71634af7606f4ac58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Mon, 25 Jun 2018 19:41:04 +0200
Subject: [PATCH] Disable balance rounding where it's important (where enough
 space)

---
 src/components/AccountPage/index.js           | 2 ++
 src/components/BalanceSummary/BalanceInfos.js | 6 ++++--
 src/components/SelectAccount/index.js         | 8 +++++++-
 src/components/modals/OperationDetails.js     | 9 ++++++++-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/components/AccountPage/index.js b/src/components/AccountPage/index.js
index 464fb3a4..29797f2c 100644
--- a/src/components/AccountPage/index.js
+++ b/src/components/AccountPage/index.js
@@ -150,12 +150,14 @@ class AccountPage extends PureComponent<Props> {
                   <Box flow={4} mb={2}>
                     <Box horizontal>
                       <BalanceTotal
+                        showCryptoEvenIfNotAvailable
                         isAvailable={isAvailable}
                         totalBalance={account.balance}
                         unit={account.unit}
                       >
                         <FormattedVal
                           animateTicker
+                          disableRounding
                           alwaysShowSign={false}
                           color="warmGrey"
                           unit={counterValue.units[0]}
diff --git a/src/components/BalanceSummary/BalanceInfos.js b/src/components/BalanceSummary/BalanceInfos.js
index b2f50a85..7a6d13df 100644
--- a/src/components/BalanceSummary/BalanceInfos.js
+++ b/src/components/BalanceSummary/BalanceInfos.js
@@ -32,6 +32,7 @@ type BalanceTotalProps = {
   unit: Unit,
   isAvailable: boolean,
   totalBalance: number,
+  showCryptoEvenIfNotAvailable?: boolean,
 }
 
 type Props = {
@@ -90,10 +91,10 @@ export function BalanceSinceDiff(props: Props) {
 }
 
 export function BalanceTotal(props: BalanceTotalProps) {
-  const { unit, totalBalance, isAvailable, children } = props
+  const { unit, totalBalance, isAvailable, showCryptoEvenIfNotAvailable, children } = props
   return (
     <Box grow {...props}>
-      {!isAvailable ? (
+      {!isAvailable && !showCryptoEvenIfNotAvailable ? (
         <PlaceholderLine width={150} />
       ) : (
         <FormattedVal
@@ -101,6 +102,7 @@ export function BalanceTotal(props: BalanceTotalProps) {
           color="dark"
           unit={unit}
           fontSize={8}
+          disableRounding
           showCode
           val={totalBalance}
         />
diff --git a/src/components/SelectAccount/index.js b/src/components/SelectAccount/index.js
index 7e683cd9..dc8a5d34 100644
--- a/src/components/SelectAccount/index.js
+++ b/src/components/SelectAccount/index.js
@@ -43,7 +43,13 @@ const renderOption = a => {
         </Text>
       </Box>
       <Box>
-        <FormattedVal color="grey" val={account.balance} unit={account.unit} showCode />
+        <FormattedVal
+          color="grey"
+          val={account.balance}
+          unit={account.unit}
+          showCode
+          disableRounding
+        />
       </Box>
     </Box>
   )
diff --git a/src/components/modals/OperationDetails.js b/src/components/modals/OperationDetails.js
index ad11c0d5..e9d6f8e0 100644
--- a/src/components/modals/OperationDetails.js
+++ b/src/components/modals/OperationDetails.js
@@ -126,7 +126,14 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
               />
               <Box my={4} alignItems="center">
                 <Box>
-                  <FormattedVal unit={unit} alwaysShowSign showCode val={amount} fontSize={7} />
+                  <FormattedVal
+                    unit={unit}
+                    alwaysShowSign
+                    showCode
+                    val={amount}
+                    fontSize={7}
+                    disableRounding
+                  />
                 </Box>
                 <Box mt={1}>
                   <CounterValue