From fb97767a068df6a9713171bbee268adea26e13d1 Mon Sep 17 00:00:00 2001
From: "Andrew Revinsky (DART)" <andrew.revinsky@digitalarrowtech.com>
Date: Fri, 26 Aug 2016 20:32:10 +0300
Subject: [PATCH] Improve the UI #2

---
 js-frontend/src/components/TransfersTable.js | 9 +++++----
 js-frontend/src/views/Account.js             | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/js-frontend/src/components/TransfersTable.js b/js-frontend/src/components/TransfersTable.js
index b6e59b3..9a7f368 100644
--- a/js-frontend/src/components/TransfersTable.js
+++ b/js-frontend/src/components/TransfersTable.js
@@ -16,6 +16,7 @@ export class TransfersTable extends React.Component {
     if (loading) {
       return (<h2><Spinner ref="spinner" loaded={false} /> Loading..</h2>);
     }
+
     if (Object.keys(errors).length) {
       return (<div className="text-danger">Errors..</div>);
     }
@@ -33,8 +34,8 @@ export class TransfersTable extends React.Component {
       <td><AccountInfo accountId={ fromAccountId } /></td>
       <td><AccountInfo accountId={ toAccountId } /></td>
       <td><Money amount={ amount } /></td>
-      <td>{ description || 'N/a'}</td>
-      <td>{ status || 'N/a' }</td>
+      <td>{ description || '[No description]'}</td>
+      <td>{ status || '&mdash;' }</td>
     </tr>)) : (<tr>
       <td colSpan={6}>No transfers for this account just yet.</td>
     </tr>);
@@ -45,8 +46,8 @@ export class TransfersTable extends React.Component {
         <thead>
         <tr>
           <th>Date</th>
-          <th>What</th>
-          <th>Counter Account</th>
+          <th>Transfer Out</th>
+          <th>Transfer In</th>
           <th>Amount</th>
           <th>Description</th>
           <th>Status</th>
diff --git a/js-frontend/src/views/Account.js b/js-frontend/src/views/Account.js
index b2cd305..611f2ba 100644
--- a/js-frontend/src/views/Account.js
+++ b/js-frontend/src/views/Account.js
@@ -216,7 +216,7 @@ export class Account extends React.Component {
 
         <Row>
           <Col xs={12}>
-            <h3>Account History:</h3>
+            <h3>Transfer History:</h3>
           </Col>
         </Row>
         <TransfersTable { ...this.props.transfers } />