Show unit but not balance when loading

LiskHQ · Mar 5, 2018 · 87871c5 · 87871c5
1 parent 3495920
commit 87871c5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git 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
@@ -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')}