MyCrypto/common/containers/Tabs/SendTransaction/components/GasField.jsx

42 lines
986 B
React
Raw Normal View History

2017-06-26 22:27:55 +00:00
// @flow
import React from 'react';
import translate from 'translations';
export default class GasField extends React.Component {
2017-07-02 05:49:06 +00:00
props: {
value: string,
onChange?: (value: string) => void | null
};
render() {
const { value, onChange } = this.props;
const isReadonly = !onChange;
2017-06-26 22:27:55 +00:00
2017-07-02 05:49:06 +00:00
return (
<div className="row form-group">
<div className="col-sm-11 clearfix">
<label>{translate('TRANS_gas')}{' '}
</label>
<input
className={`form-control ${isFinite(parseFloat(value)) &&
parseFloat(value) > 0
? 'is-valid'
: 'is-invalid'}`}
type="text"
placeholder="21000"
disabled={isReadonly}
value={value}
onChange={this.onChange}
/>
</div>
</div>
);
}
2017-06-26 22:27:55 +00:00
2017-07-02 05:49:06 +00:00
onChange = (e: SyntheticInputEvent) => {
if (this.props.onChange) {
this.props.onChange(e.target.value);
}
};
2017-06-26 22:27:55 +00:00
}