2 browser issues fixed. Fixes #7

app/javascripts/tokenpage.jsx

@@ -34,6 +34,7 @@ var TokenPage = React.createClass({
   successOnBalance: function(result, args) {
     //call when balanceOf call succeeds.
     //args[0] = address
+    //don't need to check args since it is a sync call
     console.log(result);
     var balance_result = <div>Balance of {args[0]} is {result.c[0]}. </div>
     this.setState({balance_result: balance_result});
@@ -42,7 +43,9 @@ var TokenPage = React.createClass({
     //call when transfer succeeds.
     //args[0] = to address
     //args[1] = amount
-    var transfer_result = <div>{args[1]} has been transferred to {args[0]}. </div>
+    if(args.length > 0) {
+      var transfer_result = <div>{args[1]} has been transferred to {args[0]}. </div>
+    } else { var transfer_result = <div>Tokens were successfully transferred.</div> }
     this.setState({transfer_result: transfer_result});
   },
   successOnTransferFrom: function(args, receipt) {
@@ -50,20 +53,25 @@ var TokenPage = React.createClass({
     //args[0] = from address
     //args[1] = to address
     //args[2] = amount
-    var transferFrom_result = <div>{args[2]} has been transferred to {args[1]} from {args[0]}. </div>
+    if(args.length > 0) {
+      var transferFrom_result = <div>{args[2]} has been transferred to {args[1]} from {args[0]}. </div>
+    } else { var transferFrom_result = <div>Tokens were succesfully transferred.</div> }
     this.setState({transferFrom_result: transferFrom_result});
   },
   successOnApproval: function(args, receipt) {
     //call when approval succeeds.
     //args[0] = to address
     //args[1] = amount
-    var approve_result = <div>{args[1]} has been approved to withdraw an amount of {args[1]}. </div>
+    if(args.length > 0) {
+      var approve_result = <div>{args[1]} has been approved to withdraw an amount of {args[1]}. </div>
+    } else { var approve_result = <div> Tokens have been approved </div> }
     this.setState({approve_result: approve_result});
   },
   successOnAllowance: function(result, args) {
     //call when allowance call succeeds.
     //args[0] = address 1 (owner)
     //args[1] = address 2 (spender)
+    //no need to check args as this is a sync call
     var allowance_result = <div>{args[1]} is allowed to spend {result.c[0]} from {args[0]}</div>
     this.setState({allowance_result: allowance_result});
   },

app/javascripts/txform.jsx

@@ -9,7 +9,7 @@ var TxForm = React.createClass({
     return {
       processing: false,
       txHash: '',
-      txArgs: {},
+      txArgs: [],
     };
   },
   componentDidUpdate: function() {
@@ -19,13 +19,21 @@ var TxForm = React.createClass({
       console.log(result);
     });*/
     if(this.state.processing == true) {
+      console.log('processing');
       for(var i = 0; i < this.props.received.length; i+=1) {
+        console.log('iterating received');
         if(this.props.received[i].receipt.transactionHash == this.state.txHash) {
           console.log(this.props.received[i].receipt);
           //console.log(web_l.eth.blockNumber);
           this.setState({processing: false});
           console.log('processed');
+
+          //todo: txArgs do NOT persist over page refreshes.
+          //this should be shifted to localstorage.
+          //for now if txArgs is empty, run success update, but in success funciton, just say "success!" not with details
+          //very edge case-y atm, so delay until after alpha.
           this.props.successful(this.state.txArgs, this.props.received[i].receipt); //successful transaction with these arguments
+          this.setState({txArgs: []});
         }
       }
     } else {
@@ -34,7 +42,7 @@ var TxForm = React.createClass({
         this.setState({processing: true});
         //this seems dangerous! Assumes only 1 tx at a time.
         //revise
-        this.setState({txHash: this.props.pending[0].data.hash});
+        this.setState({txHash: "0x" + this.props.pending[0].data.hash});
       } /*else if (this.props.received.length > 0) {
         this.setState({processing: true});
         this.setState({txHash: this.props.received[0].receipt.transactionHash});

package.json

@@ -23,7 +23,7 @@
     "react": "^0.14.3",
     "react-dom": "^0.14.3",
     "react-router": "1.0.1",
-    "reflux-tx": "0.2.2",
+    "reflux-tx": "0.2.4",
     "sass-loader": "^3.1.2",
     "style-loader": "^0.13.0",
     "web3": "git://github.com/ethereum/web3.js.git#0.15.0",