1 files changed, 54 insertions, 54 deletions
diff --git a/packages/website/ts/components/inputs/token_amount_input.tsx b/packages/website/ts/components/inputs/token_amount_input.tsx
index 63966d759..0a71b2c00 100644
--- a/packages/website/ts/components/inputs/token_amount_input.tsx
+++ b/packages/website/ts/components/inputs/token_amount_input.tsx
@@ -8,63 +8,63 @@ import { InputErrMsg, Token, TokenState, ValidatedBigNumberCallback, WebsitePath
 import { colors } from 'ts/utils/colors';
 
 interface TokenAmountInputProps {
-    token: Token;
-    tokenState: TokenState;
-    label?: string;
-    amount?: BigNumber;
-    shouldShowIncompleteErrs: boolean;
-    shouldCheckBalance: boolean;
-    shouldCheckAllowance: boolean;
-    onChange: ValidatedBigNumberCallback;
-    onVisitBalancesPageClick?: () => void;
+	token: Token;
+	tokenState: TokenState;
+	label?: string;
+	amount?: BigNumber;
+	shouldShowIncompleteErrs: boolean;
+	shouldCheckBalance: boolean;
+	shouldCheckAllowance: boolean;
+	onChange: ValidatedBigNumberCallback;
+	onVisitBalancesPageClick?: () => void;
 }
 
 interface TokenAmountInputState {}
 
 export class TokenAmountInput extends React.Component<TokenAmountInputProps, TokenAmountInputState> {
-    public render() {
-        const amount = this.props.amount
-            ? ZeroEx.toUnitAmount(this.props.amount, this.props.token.decimals)
-            : undefined;
-        const hasLabel = !_.isUndefined(this.props.label);
-        return (
-            <div className="flex overflow-hidden" style={{ height: hasLabel ? 84 : 62 }}>
-                <BalanceBoundedInput
-                    label={this.props.label}
-                    amount={amount}
-                    balance={ZeroEx.toUnitAmount(this.props.tokenState.balance, this.props.token.decimals)}
-                    onChange={this._onChange.bind(this)}
-                    validate={this._validate.bind(this)}
-                    shouldCheckBalance={this.props.shouldCheckBalance}
-                    shouldShowIncompleteErrs={this.props.shouldShowIncompleteErrs}
-                    onVisitBalancesPageClick={this.props.onVisitBalancesPageClick}
-                />
-                <div style={{ paddingTop: hasLabel ? 39 : 14 }}>{this.props.token.symbol}</div>
-            </div>
-        );
-    }
-    private _onChange(isValid: boolean, amount?: BigNumber) {
-        let baseUnitAmount;
-        if (!_.isUndefined(amount)) {
-            baseUnitAmount = ZeroEx.toBaseUnitAmount(amount, this.props.token.decimals);
-        }
-        this.props.onChange(isValid, baseUnitAmount);
-    }
-    private _validate(amount: BigNumber): InputErrMsg {
-        if (this.props.shouldCheckAllowance && amount.gt(this.props.tokenState.allowance)) {
-            return (
-                <span>
-                    Insufficient allowance.{' '}
-                    <Link
-                        to={`${WebsitePaths.Portal}/balances`}
-                        style={{ cursor: 'pointer', color: colors.darkestGrey }}
-                    >
-                        Set allowance
-                    </Link>
-                </span>
-            );
-        } else {
-            return undefined;
-        }
-    }
+	public render() {
+		const amount = this.props.amount
+			? ZeroEx.toUnitAmount(this.props.amount, this.props.token.decimals)
+			: undefined;
+		const hasLabel = !_.isUndefined(this.props.label);
+		return (
+			<div className="flex overflow-hidden" style={{ height: hasLabel ? 84 : 62 }}>
+				<BalanceBoundedInput
+					label={this.props.label}
+					amount={amount}
+					balance={ZeroEx.toUnitAmount(this.props.tokenState.balance, this.props.token.decimals)}
+					onChange={this._onChange.bind(this)}
+					validate={this._validate.bind(this)}
+					shouldCheckBalance={this.props.shouldCheckBalance}
+					shouldShowIncompleteErrs={this.props.shouldShowIncompleteErrs}
+					onVisitBalancesPageClick={this.props.onVisitBalancesPageClick}
+				/>
+				<div style={{ paddingTop: hasLabel ? 39 : 14 }}>{this.props.token.symbol}</div>
+			</div>
+		);
+	}
+	private _onChange(isValid: boolean, amount?: BigNumber) {
+		let baseUnitAmount;
+		if (!_.isUndefined(amount)) {
+			baseUnitAmount = ZeroEx.toBaseUnitAmount(amount, this.props.token.decimals);
+		}
+		this.props.onChange(isValid, baseUnitAmount);
+	}
+	private _validate(amount: BigNumber): InputErrMsg {
+		if (this.props.shouldCheckAllowance && amount.gt(this.props.tokenState.allowance)) {
+			return (
+				<span>
+					Insufficient allowance.{' '}
+					<Link
+						to={`${WebsitePaths.Portal}/balances`}
+						style={{ cursor: 'pointer', color: colors.darkestGrey }}
+					>
+						Set allowance
+					</Link>
+				</span>
+			);
+		} else {
+			return undefined;
+		}
+	}
 }