From 87871c5201b07c0acb1319271fbffa927e568f53 Mon Sep 17 00:00:00 2001
From: Gina Contrino <gina@lightcurve.io>
Date: Mon, 5 Mar 2018 10:16:32 +0100
Subject: [PATCH] Show unit but not balance when loading

---
 src/components/sendTo/index.js                | 15 +++++++------
 .../transactions/transactionOverview.js       | 21 ++++++++++---------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/sendTo/index.js b/src/components/sendTo/index.js
index cfa8a512c1..2370dec4ea 100644
--- a/src/components/sendTo/index.js
+++ b/src/components/sendTo/index.js
@@ -39,14 +39,13 @@ class SendTo extends React.Component {
         ${grid['col-lg-12']}
         `}>
             <h2>
-              {
-                this.props.notLoading
-                  ? <span>
-                    <LiskAmount val={this.props.balance}/>
-                    <small className={styles.balanceUnit}>LSK</small>
-                  </span>
-                  : null
-              }
+              <span>
+                {
+                  this.props.notLoading
+                    ? <LiskAmount val={this.props.balance}/>
+                    : null
+                } <small className={styles.balanceUnit}>LSK</small>
+              </span>
             </h2>
             <CopyToClipboard value={this.props.address} className={`${styles.address}`} copyClassName={styles.copy} />
           </div>
diff --git a/src/components/transactions/transactionOverview.js b/src/components/transactions/transactionOverview.js
index cb5901976e..73716e2e08 100644
--- a/src/components/transactions/transactionOverview.js
+++ b/src/components/transactions/transactionOverview.js
@@ -73,18 +73,19 @@ class Transactions extends React.Component {
       <div className={`transactions ${styles.activity}`}>
         <header>
           <h2 className={styles.title}>{this.props.t('Activity')}</h2>
-          {!this.isLoading()
-            ? <div className={styles.account}>
-              <h2>
-                <span>
+          <div className={styles.account}>
+            <h2>
+              {!this.isLoading()
+                ? <span>
                   <LiskAmount val={this.props.balance}/>&nbsp;
                 </span>
-                <small className={styles.balanceUnit}>LSK</small>
-              </h2>
-              <CopyToClipboard value={this.props.address} className={`${styles.address}`} copyClassName={styles.copy}/>
-            </div>
-            : null
-          }
+                : null
+              }
+              <small className={styles.balanceUnit}>LSK</small>
+            </h2>
+            <CopyToClipboard value={this.props.address} className={`${styles.address}`} copyClassName={styles.copy}/>
+          </div>
+
         </header>
         {this.shouldShowEmptyState() ?
           <EmptyState title={this.props.t('No activity yet')}