status-im/MyCrypto
2
0
Fork 0
mirror of https://github.com/status-im/MyCrypto.git synced 2025-01-11 03:26:14 +00:00
Code Issues Projects Releases Wiki Activity

Throttling changes to gas price (#81) (#123)

Browse Source
This commit is contained in:
Will Piers 2017-08-20 14:51:01 -06:00 committed by Daniel Ternyak
parent f42837de68
commit 318a42ccf3
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
common/components/Header/components/GasPriceDropdown.jsx
View File

@ -1,10 +1,16 @@
// @flow
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import throttle from 'lodash/throttle';
import './GasPriceDropdown.scss';
import { gasPriceDefaults } from 'config/data';
type Props = {
value: number,
onChange: (gasPrice: number) => void
};
export default class GasPriceDropdown extends Component {
state = { expanded: false };
@ -13,6 +19,11 @@ export default class GasPriceDropdown extends Component {
onChange: PropTypes.func.isRequired
};
constructor(props: Props) {
super(props);
this.updateGasPrice = throttle(this.updateGasPrice, 50);
}
render() {
return (
<span className="dropdown">
@ -34,7 +45,7 @@ export default class GasPriceDropdown extends Component {
value={this.props.value}
min={gasPriceDefaults.gasPriceMinGwei}
max={gasPriceDefaults.gasPriceMaxGwei}
onChange={this.updateGasPrice}
onChange={this.handleGasPriceChange}
/>
<p className="small col-xs-4 text-left GasPrice-padding-reset">
Not So Fast
@ -74,7 +85,11 @@ export default class GasPriceDropdown extends Component {
});
};
updateGasPrice = (e: SyntheticInputEvent) => {
this.props.onChange(parseInt(e.target.value, 10));
updateGasPrice = (value: string) => {
this.props.onChange(parseInt(value, 10));
};
handleGasPriceChange = (e: SyntheticInputEvent) => {
this.updateGasPrice(e.target.value);
};
}