better error messages on redeem

.gitignore

@@ -4,5 +4,6 @@ config/livenet/password
 config/production/password
 coverage
 dist
+build
 embarkArtifacts
 node_modules

src/actions/redeem.ts

@@ -1,5 +1,4 @@
 import { RootState } from '../reducers';
-import IERC20Detailed from '../embarkArtifacts/contracts/IERC20Detailed';
 import { config } from "../config";
 import { Dispatch } from 'redux';
 import { newBucketContract } from "./bucket";
@@ -126,7 +125,9 @@ export const redeem = (bucketAddress: string, recipientAddress: string, cleanCod
       }
 
       //FIXME: remove! hack to wait for the request screen to slide down
-      await sleep(3000);
+      if (state.web3.type === Web3Type.Status) {
+        await sleep(3000);
+      }
 
       const redeem = bucket.methods.redeem(message, sig);
       // const gas = await redeem.estimateGas();
@@ -136,14 +137,12 @@ export const redeem = (bucketAddress: string, recipientAddress: string, cleanCod
       }).then((resp: any) => {
         dispatch(redeemDone(resp.transactionHash));
       }).catch((err: any) => {
-        console.error("redeem error: ", err.reason);
+        dispatch(redeemError(err.reason || err.message || err))
-        console.error("redeem error reason: ", err);
-        dispatch(redeemError(err.reason))
       });
     }).catch((err: any) => {
       console.error("sign redeem error reason:", err.reason);
       console.error("sign redeem error:", err);
-      dispatch(redeemError(err))
+      dispatch(redeemError(err.reason || err.message || err))
     });
   }
 }

src/components/Redeem.tsx

@@ -8,7 +8,6 @@ import {
 } from 'react-redux';
 import { redeemPath } from '../config';
 import {
-  Token,
   TokenERC20,
   TokenNFT,
   loadRedeemable,
@@ -129,7 +128,7 @@ export default function(ownProps: any) {
         {token.metadata !== undefined && <>
           Name: {token.metadata.name}<br />
           Description: {token.metadata.description}<br />
-          <img src={token.metadata.image} />
+          <img src={token.metadata.image} alt={token.metadata.name} />
         </>}
       </>}<br />
     </>

src/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
 import thunkMiddleware from 'redux-thunk';
 import { Provider } from 'react-redux';