add loading message to the My Files page

js/page/my_files.js

@@ -158,7 +158,11 @@ var MyFilesPage = React.createClass({
   },
   render: function() {
     if (this.state.filesInfo === null) {
-      return null;
+      return (
+        <main className="page">
+          <span>Loading...</span>
+        </main>
+      );
     }
 
     if (!this.state.filesInfo.length) {

js/page/wallet.js

@@ -117,6 +117,7 @@ var WalletPage = React.createClass({
   getInitialState: function() {
     return {
       balance: "Checking balance...",
+      txlog: "Loading transactions...",
     }
   },
   componentWillMount: function() {
@@ -125,6 +126,21 @@ var WalletPage = React.createClass({
         balance: results,
       });
     });
+    console.log('Trying to get transaction history...')
+    lbry.call('get_transaction_history', {}, (results) => {
+      console.log('Got transaction history:')
+      console.log(results)
+      var out = 'Transaction history loaded.'
+      if (results.length == 0) {
+        out = 'No transactions yet.'
+      } else {
+        out = JSON.stringify(results)
+      }
+      console.log(out)
+      this.setState({
+        txlog: out,
+      })
+    });
   },
   render: function() {
     return (
@@ -139,6 +155,10 @@ var WalletPage = React.createClass({
           <h3>Claim Invite Code</h3>
           <Link href="?claim" label="Claim a LBRY beta invite code" button="alt" />
         </section>
+        <section className="card">
+          <h3>Transaction History</h3>
+          {this.state.txlog}
+        </section>
       </main>
     );
   }