mirror of https://github.com/trezor/trezor-wallet
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.9 KiB
73 lines
1.9 KiB
7 years ago
|
/* @flow */
|
||
|
'use strict';
|
||
|
|
||
|
import React, { Component } from 'react';
|
||
|
import AddressTab from './AddressTab';
|
||
|
|
||
|
const SendForm = (props): any => {
|
||
|
|
||
|
console.log("ENDFORM", props)
|
||
|
|
||
|
const addressId = parseInt( props.match.params.address );
|
||
|
|
||
|
const {
|
||
|
address,
|
||
|
amount,
|
||
|
gasPrice,
|
||
|
gasLimit,
|
||
|
data
|
||
|
} = props.sendForm;
|
||
|
|
||
|
const {
|
||
|
onAddressChange,
|
||
|
onAmountChange,
|
||
|
onGasPriceChange,
|
||
|
onGasLimitChange,
|
||
|
onDataChange,
|
||
|
onSend
|
||
|
} = props.sendFormActions;
|
||
|
|
||
|
const disabled = false;
|
||
|
|
||
|
return (
|
||
|
<section className="send-form">
|
||
|
|
||
|
<AddressTab match={ props.match } />
|
||
|
|
||
|
<div className="row">
|
||
|
<label>Amount</label>
|
||
|
<input type="text" value={ address } onChange={ event => onAddressChange(event.target.value) } />
|
||
|
</div>
|
||
|
|
||
|
<div className="row">
|
||
|
<label>Address</label>
|
||
|
<input type="text" value={ amount } onChange={ event => onAmountChange(event.target.value) } />
|
||
|
</div>
|
||
|
|
||
|
<div className="row">
|
||
|
<label>Gas limit</label>
|
||
|
<input type="text" value={ gasLimit } onChange={ event => onGasLimitChange(event.target.value) } />
|
||
|
</div>
|
||
|
|
||
|
<div className="row">
|
||
|
<label>Gas price</label>
|
||
|
<input type="text" value={ gasPrice } onChange={ event => onGasPriceChange(event.target.value) } />
|
||
|
GWEI
|
||
|
</div>
|
||
|
|
||
|
<div className="row">
|
||
|
<label>Data</label>
|
||
|
<input type="text" value={ data } onChange={ event => onDataChange(event.target.value) } />
|
||
|
</div>
|
||
|
|
||
|
<div className="row">
|
||
|
<label></label>
|
||
|
<button disabled={ disabled } onClick={ event => onSend(addressId) }>SEND</button>
|
||
|
</div>
|
||
|
|
||
|
</section>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default SendForm;
|