aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/erc20_asset_amount_input.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-21 05:59:09 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-21 05:59:09 +0800
commitb7eb2e887d636e2ed61eade4bae01596dba4b4c2 (patch)
treeb74b6f78f81933b384bcf337284ed5cdec077d76 /packages/instant/src/components/erc20_asset_amount_input.tsx
parent7ad5dbc59dc765d44f01cd1e92511196a54be82c (diff)
downloaddexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar.gz
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar.bz2
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar.lz
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar.xz
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.tar.zst
dexon-sol-tools-b7eb2e887d636e2ed61eade4bae01596dba4b4c2.zip
isDisabled -> isInputDisabled
Diffstat (limited to 'packages/instant/src/components/erc20_asset_amount_input.tsx')
-rw-r--r--packages/instant/src/components/erc20_asset_amount_input.tsx7
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/instant/src/components/erc20_asset_amount_input.tsx b/packages/instant/src/components/erc20_asset_amount_input.tsx
index e675d3fc5..b825255c4 100644
--- a/packages/instant/src/components/erc20_asset_amount_input.tsx
+++ b/packages/instant/src/components/erc20_asset_amount_input.tsx
@@ -22,7 +22,7 @@ export interface ERC20AssetAmountInputProps {
onSelectAssetClick?: (asset?: ERC20Asset) => void;
startingFontSizePx: number;
fontColor?: ColorOption;
- isDisabled: boolean;
+ isInputDisabled: boolean;
canSelectOtherAsset: boolean;
numberOfAssetsAvailable?: number;
}
@@ -51,14 +51,15 @@ export class ERC20AssetAmountInput extends React.Component<ERC20AssetAmountInput
);
}
private readonly _renderContentForAsset = (asset: ERC20Asset): React.ReactNode => {
- const { onChange, ...rest } = this.props;
- const amountBorderBottom = this.props.isDisabled ? '' : `1px solid ${transparentWhite}`;
+ const { onChange, isInputDisabled, ...rest } = this.props;
+ const amountBorderBottom = isInputDisabled ? '' : `1px solid ${transparentWhite}`;
const onSymbolClick = this._generateSelectAssetClickHandler();
return (
<React.Fragment>
<Container borderBottom={amountBorderBottom} display="inline-block">
<ScalingAmountInput
{...rest}
+ isDisabled={isInputDisabled}
textLengthThreshold={this._textLengthThresholdForAsset(asset)}
maxFontSizePx={this.props.startingFontSizePx}
onAmountChange={this._handleChange}