aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-10-10 03:11:12 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-10-10 03:11:12 +0800
commit941448d65cc42870a93e0430158bfd7ab52fd2cd (patch)
treec5f4a1f00474b66e3479f5b38187aacb0dbf960c
parent764f402eb9bae2131a5eda52fd8d203f8e4bdecf (diff)
downloaddexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar.gz
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar.bz2
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar.lz
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar.xz
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.tar.zst
dexon-sol-tools-941448d65cc42870a93e0430158bfd7ab52fd2cd.zip
Fix empty input bug
-rw-r--r--packages/instant/src/components/amount_input.tsx12
-rw-r--r--packages/instant/src/containers/selected_asset_amount_input.tsx2
2 files changed, 9 insertions, 5 deletions
diff --git a/packages/instant/src/components/amount_input.tsx b/packages/instant/src/components/amount_input.tsx
index 2b64469f6..29d1bf161 100644
--- a/packages/instant/src/components/amount_input.tsx
+++ b/packages/instant/src/components/amount_input.tsx
@@ -10,7 +10,7 @@ export interface AmountInputProps {
fontColor?: ColorOption;
fontSize?: string;
value?: BigNumber;
- onChange?: (value: BigNumber) => void;
+ onChange?: (value?: BigNumber) => void;
}
export class AmountInput extends React.Component<AmountInputProps> {
@@ -22,7 +22,7 @@ export class AmountInput extends React.Component<AmountInputProps> {
fontColor={fontColor}
fontSize={fontSize}
onChange={this._handleChange}
- value={value ? value.toString() : undefined}
+ value={value ? value.toString() : ''}
placeholder="0.00"
width="2em"
/>
@@ -30,9 +30,13 @@ export class AmountInput extends React.Component<AmountInputProps> {
);
}
private readonly _handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
- const bigNumberValue = new BigNumber(event.target.value);
+ const value = event.target.value;
+ let bigNumberValue;
+ if (!_.isEmpty(value)) {
+ bigNumberValue = new BigNumber(event.target.value);
+ }
if (!_.isUndefined(this.props.onChange)) {
this.props.onChange(bigNumberValue);
}
- }
+ };
}
diff --git a/packages/instant/src/containers/selected_asset_amount_input.tsx b/packages/instant/src/containers/selected_asset_amount_input.tsx
index 818caa965..800a4c568 100644
--- a/packages/instant/src/containers/selected_asset_amount_input.tsx
+++ b/packages/instant/src/containers/selected_asset_amount_input.tsx
@@ -19,7 +19,7 @@ interface ConnectedState {
}
interface ConnectedDispatch {
- onChange?: (value: BigNumber) => void;
+ onChange?: (value?: BigNumber) => void;
}
const mapStateToProps = (state: State, _ownProps: SelectedAssetAmountInputProps): ConnectedState => ({