redux thunk and common improvements

README.md

@@ -64,8 +64,11 @@ data:
 
 ```json
 {
-	"rlp": "f85f800182520894095e7baea6a6c7c4c2dfeb977efac326af552d870a801ba048b55bfa915ac795c431978d8a6a992b628d557da5ff759b307d495a36649353a0efffd310ac743f371de3b9f7f9cb56c0b28ad43601b4ab949f53faa07bd2c804",
-	"from": "006E27B6A72E1f34C626762F3C4761547Aff1421"
+    "action":"signTransaction",
+      "data":{
+            "rlp":"f85f800182520894095e7baea6a6c7c4c2dfeb977efac326af552d870a801ba048b55bfa915ac795c431978d8a6a992b628d557da5ff759b307d495a36649353a0efffd310ac743f371de3b9f7f9cb56c0b28ad43601b4ab949f53faa07bd2c804",
+                "account":"006E27B6A72E1f34C626762F3C4761547Aff1421"
+                  }
 }
 ```
 

package.json

@@ -24,7 +24,8 @@
     "react-native-secure-storage": "https://github.com/debris/react-native-secure-storage",
     "react-native-tabs": "^1.0.9",
     "react-redux": "^5.0.2",
-    "redux": "^3.6.0"
+    "redux": "^3.6.0",
+    "redux-thunk": "^2.2.0"
   },
   "devDependencies": {
     "babel-eslint": "^7.2.1",

src/actions/transactions.js

 'use strict'
 
-import { NEW_SCANNED_TX, SIGNED_TX } from '../constants/TransactionActions'
+import { Actions } from 'react-native-router-flux'
+import { NEW_SCANNED_TX, SIGN_TX } from '../constants/TransactionActions'
+import { brainWalletSign } from '../util/native'
 
 export function scannedTx (rlpHash, transaction) {
   return {
@@ -10,9 +12,18 @@ export function scannedTx (rlpHash, transaction) {
   }
 }
 
-export function signedTx (signature) {
-  return {
-    type: SIGNED_TX,
+export function signTx (account) {
+  return function (dispatch, getState) {
+    let hash = getState().transactions.pendingTransaction.rlpHash
+    return brainWalletSign(account.seed, hash).then(
+      signature => {
+        dispatch({
+          type: SIGN_TX,
           signature: signature
+        })
+        Actions.qrViewTx()
+      },
+      error => console.log(error)
+    )
   }
 }

src/constants/TransactionActions.js

 'use strict'
 
 export const NEW_SCANNED_TX = 'TRANSACTION_ACTION_NEW_SCANNED_TX'
-export const SIGNED_TX = 'TRANSACTION_ACTION_SIGNED_TX'
+export const SIGN_TX = 'TRANSACTION_ACTION_SIGNED_TX'

src/containers/AccountPin.js

@@ -5,30 +5,17 @@ import { connect } from 'react-redux'
 import { Actions } from 'react-native-router-flux'
 import AccountPin from '../components/AccountPin'
 import { addAccount, setPin } from '../actions/accounts'
-import { signedTx } from '../actions/transactions'
-import { brainWalletSign } from '../util/native'
+import { signTx } from '../actions/transactions'
 import { saveAccount } from '../util/db'
-import store from '../util/store'
 
 const mapStateToPropsEnterPin = (state, ownProps) => ({
   account: state.accounts.selected
 })
 
-async function signTransaction (dispatch, account) {
-  try {
-    let hash = store.getState().transactions.pendingTransaction.rlpHash
-    let signature = await brainWalletSign(account.seed, hash)
-    dispatch(signedTx(signature))
-    Actions.qrViewTx()
-  } catch (e) {
-    console.log(e)
-  }
-}
-
 const mapDispatchToPropsEnterPin = (dispatch, ownProps) => ({
   onNextPressed: (pin, account) => {
     if (pin === account.pin) {
-      signTransaction(dispatch, account)
+      dispatch(signTx(account))
     } else {
       Alert.alert('Invalid PIN')
     }

src/containers/QrScanner.js

@@ -7,7 +7,7 @@ import QrScanner from '../components/QrScanner'
 import { selectAccount } from '../actions/accounts'
 import { scannedTx } from '../actions/transactions'
 import transaction from '../util/transaction'
-import keccak from '../util/native'
+import { keccak } from '../util/native'
 import store from '../util/store'
 
 var scanning = false
@@ -20,7 +20,7 @@ function displayAlert (text) {
 
 function findAccountWithAddress (address) {
   return store.getState().accounts.all.find(account => {
-    return account.address.toLowerCase() === address
+    return account.address.toLowerCase() === address.toLowerCase()
   })
 }
 
@@ -31,8 +31,7 @@ async function onScannedTransaction (data, dispatch) {
     }
     scanning = true
     let txRequest = JSON.parse(data)
-    switch (txRequest.action) {
-      case 'signTransaction': {
+    if (txRequest.action === 'signTransaction') {
       let account = findAccountWithAddress(txRequest.data.account)
       if (!account) {
         displayAlert('Invalid sender address ' + txRequest.data.account)
@@ -42,9 +41,7 @@ async function onScannedTransaction (data, dispatch) {
       let hash = await keccak(txRequest.data.rlp)
       dispatch(selectAccount(account))
       dispatch(scannedTx(hash, tx))
-        break
-      }
-      case 'signTransactionHash': {
+    } else if (txRequest.action === 'signTransactionHash') {
       let account = findAccountWithAddress(txRequest.data.account)
       if (!account) {
         displayAlert('Invalid sender address ' + txRequest.data.account)
@@ -54,18 +51,15 @@ async function onScannedTransaction (data, dispatch) {
       let hash = txRequest.data.hash
       dispatch(selectAccount(account))
       dispatch(scannedTx(hash, details))
-        break
-      }
-      default: {
+    } else {
       displayAlert('Invalid request')
       return
     }
-    }
     Actions.txDetails()
     scanning = false
   } catch (e) {
     console.log(e)
-    displayAlert('Invalid transaction')
+    displayAlert('Invalid transaction ' + e)
   }
 }
 

src/reducers/transactions.js

 'use strict'
 
-import { NEW_SCANNED_TX, SIGNED_TX } from '../constants/TransactionActions'
+import { NEW_SCANNED_TX, SIGN_TX } from '../constants/TransactionActions'
 
 const initialState = {
   pendingTransaction: {
@@ -21,7 +21,7 @@ export default function transactions (state = initialState, action) {
           transaction: action.transaction
         }
       })
-    case SIGNED_TX:
+    case SIGN_TX:
       return Object.assign({}, state, {
         signedTransaction: {
           signature: action.signature

src/util/store.js

 'use strict'
 
-import { createStore } from 'redux'
+import { createStore, applyMiddleware } from 'redux'
+import thunk from 'redux-thunk'
 import reducers from '../reducers'
 
-export default createStore(reducers)
+export default createStore(reducers, applyMiddleware(thunk))