Fix linter errors

packages/website/ts/components/footer.tsx

@@ -3,9 +3,9 @@ import * as React from 'react';
 import MediaQuery from 'react-responsive';
 import styled from 'styled-components';
 
+import { Link as SmartLink } from 'ts/components/documentation/shared/link';
 import { Logo } from 'ts/components/logo';
 import { Column, FlexWrap, WrapGrid } from 'ts/components/newLayout';
-import { Link as SmartLink } from 'ts/components/documentation/shared/link';
 import { NewsletterForm } from 'ts/components/newsletter_form';
 import { WebsitePaths } from 'ts/types';
 import { constants } from 'ts/utils/constants';

packages/website/ts/components/header.tsx

@@ -1,8 +1,8 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import _ from 'lodash';
 import * as React from 'react';
 import MediaQuery from 'react-responsive';
 import styled, { css, withTheme } from 'styled-components';
+import { Link } from 'ts/components/documentation/shared/link';
 
 import Headroom from 'react-headroom';
 

packages/website/ts/components/inputs/token_input.tsx

@@ -1,4 +1,3 @@
-import { colors } from 'ts/utils/colors';
 import Paper from 'material-ui/Paper';
 import * as React from 'react';
 import { Blockchain } from 'ts/blockchain';
@@ -7,6 +6,7 @@ import { InputLabel } from 'ts/components/ui/input_label';
 import { TokenIcon } from 'ts/components/ui/token_icon';
 import { Dispatcher } from 'ts/redux/dispatcher';
 import { AssetToken, BlockchainErrs, Side, Token, TokenByAddress } from 'ts/types';
+import { colors } from 'ts/utils/colors';
 
 const TOKEN_ICON_DIMENSION = 80;
 

packages/website/ts/components/onboarding/install_wallet_onboarding_step.tsx

@@ -1,8 +1,8 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
 import { Container } from 'ts/components/ui/container';
 import { Image } from 'ts/components/ui/image';
 import { Text } from 'ts/components/ui/text';
+import { colors } from 'ts/utils/colors';
 import { utils } from 'ts/utils/utils';
 
 export interface InstallWalletOnboardingStepProps {}

packages/website/ts/components/portal/back_button.tsx

@@ -1,5 +1,5 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import * as React from 'react';
+import { Link } from 'ts/components/documentation/shared/link';
 import { Island } from 'ts/components/ui/island';
 import { colors } from 'ts/style/colors';
 import { Styles } from 'ts/types';

packages/website/ts/components/portal/portal.tsx

@@ -1,8 +1,8 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import { BigNumber } from '@0x/utils';
 import * as _ from 'lodash';
 import * as React from 'react';
 import { Redirect, Route, RouteComponentProps, Switch } from 'react-router-dom';
+import { Link } from 'ts/components/documentation/shared/link';
 import { colors } from 'ts/style/colors';
 
 import { Blockchain } from 'ts/blockchain';

packages/website/ts/components/portal/text_header.tsx

@@ -1,5 +1,5 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 import { Text } from 'ts/components/ui/text';
 

packages/website/ts/components/top_bar/top_bar_menu_item.tsx

@@ -1,6 +1,6 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import * as _ from 'lodash';
 import * as React from 'react';
+import { Link } from 'ts/components/documentation/shared/link';
 import { colors } from 'ts/style/colors';
 
 import { CallToAction } from 'ts/components/ui/button';

packages/website/ts/components/track_token_confirmation.tsx

@@ -1,8 +1,8 @@
-import { colors } from 'ts/utils/colors';
 import * as _ from 'lodash';
 import * as React from 'react';
 import { Party } from 'ts/components/ui/party';
 import { Token, TokenByAddress } from 'ts/types';
+import { colors } from 'ts/utils/colors';
 import { utils } from 'ts/utils/utils';
 
 interface TrackTokenConfirmationProps {

packages/website/ts/components/ui/copy_icon.tsx

@@ -1,8 +1,8 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
 import * as CopyToClipboard from 'react-copy-to-clipboard';
 import * as ReactDOM from 'react-dom';
 import ReactTooltip from 'react-tooltip';
+import { colors } from 'ts/utils/colors';
 
 interface CopyIconProps {
     data: string;

packages/website/ts/components/ui/custom_menu_item.tsx

@@ -1,6 +1,6 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import * as _ from 'lodash';
 import * as React from 'react';
+import { Link } from 'ts/components/documentation/shared/link';
 
 interface CustomMenuItemProps {
     to: string;

packages/website/ts/components/ui/lifecycle_raised_button.tsx

@@ -1,7 +1,7 @@
-import { colors } from 'ts/utils/colors';
 import { errorUtils } from '@0x/utils';
 import RaisedButton from 'material-ui/RaisedButton';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 const COMPLETE_STATE_SHOW_LENGTH_MS = 2000;
 

packages/website/ts/components/ui/multi_select.tsx

@@ -1,6 +1,6 @@
-import { colors } from 'ts/utils/colors';
 import * as _ from 'lodash';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 import { Container } from './container';
 

packages/website/ts/components/ui/pointer.tsx

@@ -1,6 +1,6 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
 import { styled } from 'ts/style/theme';
+import { colors } from 'ts/utils/colors';
 
 export enum PointerDirection {
     Top = 'top',

packages/website/ts/components/ui/required_label.tsx

@@ -1,5 +1,5 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 export interface RequiredLabelProps {
     label: string | React.ReactNode;

packages/website/ts/components/ui/simple_menu.tsx

@@ -1,7 +1,7 @@
-import { Link } from 'ts/components/documentation/shared/link';
 import * as _ from 'lodash';
 import * as React from 'react';
 import * as CopyToClipboard from 'react-copy-to-clipboard';
+import { Link } from 'ts/components/documentation/shared/link';
 
 import { Container } from 'ts/components/ui/container';
 import { Text } from 'ts/components/ui/text';

packages/website/ts/components/ui/spinner.tsx

@@ -1,6 +1,6 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
 import { styled } from 'ts/style/theme';
+import { colors } from 'ts/utils/colors';
 
 import { dash, rotate } from 'ts/style/keyframes';
 

packages/website/ts/components/ui/swap_icon.tsx

@@ -1,5 +1,5 @@
-import { colors } from 'ts/utils/colors';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 interface SwapIconProps {
     swapTokensFn: () => void;

packages/website/ts/components/ui/text.tsx

@@ -1,7 +1,7 @@
-import { colors } from 'ts/utils/colors';
 import { darken } from 'polished';
 import * as React from 'react';
 import { styled } from 'ts/style/theme';
+import { colors } from 'ts/utils/colors';
 
 export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i' | 'span';
 

packages/website/ts/pages/faq/question.tsx

@@ -1,6 +1,6 @@
-import { colors } from 'ts/utils/colors';
 import { Card, CardHeader, CardText } from 'material-ui/Card';
 import * as React from 'react';
+import { colors } from 'ts/utils/colors';
 
 export interface QuestionProps {
     prompt: string;

packages/website/ts/utils/mui_theme.ts

@@ -1,5 +1,5 @@
-import { colors } from 'ts/utils/colors';
 import { getMuiTheme } from 'material-ui/styles';
+import { colors } from 'ts/utils/colors';
 
 export const muiTheme = getMuiTheme({
     appBar: {

packages/website/ts/utils/utils.ts

@@ -528,4 +528,4 @@ export const utils = {
         const etherScanPrefix = networkName === Networks.Mainnet ? '' : `${networkName.toLowerCase()}.`;
         return `https://${etherScanPrefix}etherscan.io/${suffix}/${addressOrTxHash}`;
     },
-};
+}; // tslint:disable:max-file-line-count