1 files changed, 13 insertions, 12 deletions
diff --git a/packages/instant/src/containers/selected_asset_amount_input.ts b/packages/instant/src/containers/selected_erc20_asset_amount_input.ts
index f836c6967..078f96cd4 100644
--- a/packages/instant/src/containers/selected_asset_amount_input.ts
+++ b/packages/instant/src/containers/selected_erc20_asset_amount_input.ts
@@ -11,34 +11,35 @@ import { Action, actions } from '../redux/actions';
 import { State } from '../redux/reducer';
 import { ColorOption } from '../style/theme';
 import { AsyncProcessState, ERC20Asset } from '../types';
+import { BigNumberInput } from '../util/big_number_input';
 import { errorUtil } from '../util/error';
 
-import { AssetAmountInput } from '../components/asset_amount_input';
+import { ERC20AssetAmountInput } from '../components/erc20_asset_amount_input';
 
-export interface SelectedAssetAmountInputProps {
+export interface SelectedERC20AssetAmountInputProps {
     fontColor?: ColorOption;
     startingFontSizePx: number;
 }
 
 interface ConnectedState {
     assetBuyer?: AssetBuyer;
-    value?: BigNumber;
+    value?: BigNumberInput;
     asset?: ERC20Asset;
 }
 
 interface ConnectedDispatch {
-    updateBuyQuote: (assetBuyer?: AssetBuyer, value?: BigNumber, asset?: ERC20Asset) => void;
+    updateBuyQuote: (assetBuyer?: AssetBuyer, value?: BigNumberInput, asset?: ERC20Asset) => void;
 }
 
 interface ConnectedProps {
-    value?: BigNumber;
+    value?: BigNumberInput;
     asset?: ERC20Asset;
-    onChange: (value?: BigNumber, asset?: ERC20Asset) => void;
+    onChange: (value?: BigNumberInput, asset?: ERC20Asset) => void;
 }
 
-type FinalProps = ConnectedProps & SelectedAssetAmountInputProps;
+type FinalProps = ConnectedProps & SelectedERC20AssetAmountInputProps;
 
-const mapStateToProps = (state: State, _ownProps: SelectedAssetAmountInputProps): ConnectedState => {
+const mapStateToProps = (state: State, _ownProps: SelectedERC20AssetAmountInputProps): ConnectedState => {
     const selectedAsset = state.selectedAsset;
     if (_.isUndefined(selectedAsset) || selectedAsset.metaData.assetProxyId !== AssetProxyId.ERC20) {
         return {
@@ -82,7 +83,7 @@ const debouncedUpdateBuyQuoteAsync = _.debounce(updateBuyQuoteAsync, 200, { trai
 
 const mapDispatchToProps = (
     dispatch: Dispatch<Action>,
-    _ownProps: SelectedAssetAmountInputProps,
+    _ownProps: SelectedERC20AssetAmountInputProps,
 ): ConnectedDispatch => ({
     updateBuyQuote: (assetBuyer, value, asset) => {
         // Update the input
@@ -104,7 +105,7 @@ const mapDispatchToProps = (
 const mergeProps = (
     connectedState: ConnectedState,
     connectedDispatch: ConnectedDispatch,
-    ownProps: SelectedAssetAmountInputProps,
+    ownProps: SelectedERC20AssetAmountInputProps,
 ): FinalProps => {
     return {
         ...ownProps,
@@ -116,8 +117,8 @@ const mergeProps = (
     };
 };
 
-export const SelectedAssetAmountInput: React.ComponentClass<SelectedAssetAmountInputProps> = connect(
+export const SelectedERC20AssetAmountInput: React.ComponentClass<SelectedERC20AssetAmountInputProps> = connect(
     mapStateToProps,
     mapDispatchToProps,
     mergeProps,
-)(AssetAmountInput);
+)(ERC20AssetAmountInput);