Files
protocol/packages/instant/src/containers/selected_asset_view_transaction_button.tsx
Steve Klebanoff c5e8bb1763 txnHash -> txHash
2018-10-25 13:32:37 -07:00

39 lines
1.2 KiB
TypeScript

import * as _ from 'lodash';
import * as React from 'react';
import { connect } from 'react-redux';
import { State } from '../redux/reducer';
import { ViewTransactionButton } from '../components/view_transaction_button';
import { OrderProcessState } from '../types';
import { etherscanUtil } from '../util/etherscan';
export interface SelectedAssetViewTransactionButtonProps {}
interface ConnectedState {
onClick: () => void;
}
const mapStateToProps = (state: State, _ownProps: {}): ConnectedState => ({
onClick: () => {
if (
state.assetBuyer &&
(state.buyOrderState.processState === OrderProcessState.PROCESSING ||
state.buyOrderState.processState === OrderProcessState.SUCCESS)
) {
const etherscanUrl = etherscanUtil.getEtherScanTxnAddressIfExists(
state.buyOrderState.txHash,
state.assetBuyer.networkId,
);
if (etherscanUrl) {
window.open(etherscanUrl, '_blank');
return;
}
}
},
});
export const SelectedAssetViewTransactionButton: React.ComponentClass<
SelectedAssetViewTransactionButtonProps
> = connect(mapStateToProps)(ViewTransactionButton);