62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
import translate from 'translations';
|
|
import { WithSigner } from './Container';
|
|
import EthTx from 'ethereumjs-tx';
|
|
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { AppState } from 'reducers';
|
|
import {
|
|
getTransaction,
|
|
isNetworkRequestPending,
|
|
isValidGasPrice,
|
|
isValidGasLimit
|
|
} from 'selectors/transaction';
|
|
import { getWalletType } from 'selectors/wallet';
|
|
|
|
interface StateProps {
|
|
transaction: EthTx;
|
|
networkRequestPending: boolean;
|
|
isFullTransaction: boolean;
|
|
isWeb3Wallet: boolean;
|
|
validGasPrice: boolean;
|
|
validGasLimit: boolean;
|
|
}
|
|
|
|
class GenerateTransactionClass extends Component<StateProps> {
|
|
public render() {
|
|
const {
|
|
isFullTransaction,
|
|
isWeb3Wallet,
|
|
transaction,
|
|
networkRequestPending,
|
|
|
|
validGasPrice,
|
|
validGasLimit
|
|
} = this.props;
|
|
|
|
const isButtonDisabled =
|
|
!isFullTransaction || networkRequestPending || !validGasPrice || !validGasLimit;
|
|
return (
|
|
<WithSigner
|
|
isWeb3={isWeb3Wallet}
|
|
withSigner={signer => (
|
|
<button
|
|
disabled={isButtonDisabled}
|
|
className="btn btn-info btn-block"
|
|
onClick={signer(transaction)}
|
|
>
|
|
{isWeb3Wallet ? translate('Send to MetaMask / Mist') : translate('DEP_signtx')}
|
|
</button>
|
|
)}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export const GenerateTransaction = connect((state: AppState) => ({
|
|
...getTransaction(state),
|
|
networkRequestPending: isNetworkRequestPending(state),
|
|
isWeb3Wallet: getWalletType(state).isWeb3Wallet,
|
|
validGasPrice: isValidGasPrice(state),
|
|
validGasLimit: isValidGasLimit(state)
|
|
}))(GenerateTransactionClass);
|