From 46764c2d3f491e7558eede0f501c767c6e57f568 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Wed, 3 Oct 2018 17:23:43 +0100
Subject: Fix linter

---
 packages/react-docs/src/docs_info.ts               |   2 +-
 .../src/components/nested_sidebar_menu.tsx         |   6 +-
 packages/react-shared/src/index.ts                 |  10 +-
 packages/react-shared/src/types.ts                 |   4 -
 .../documentation/docs_content_top_bar.tsx         | 163 ---------------------
 .../ts/components/documentation/docs_top_bar.tsx   | 163 +++++++++++++++++++++
 packages/website/ts/pages/documentation/home.tsx   |   5 +-
 7 files changed, 170 insertions(+), 183 deletions(-)
 delete mode 100644 packages/website/ts/components/documentation/docs_content_top_bar.tsx
 create mode 100644 packages/website/ts/components/documentation/docs_top_bar.tsx

(limited to 'packages')

diff --git a/packages/react-docs/src/docs_info.ts b/packages/react-docs/src/docs_info.ts
index 1c11e07de..12d571136 100644
--- a/packages/react-docs/src/docs_info.ts
+++ b/packages/react-docs/src/docs_info.ts
@@ -1,4 +1,4 @@
-import { ALink, LinkType, MenuSubsectionsBySection, utils as sharedUtils } from '@0xproject/react-shared';
+import { ALink, LinkType, utils as sharedUtils } from '@0xproject/react-shared';
 import { DocAgnosticFormat, ObjectMap, TypeDefinitionByName } from '@0xproject/types';
 import * as _ from 'lodash';
 
diff --git a/packages/react-shared/src/components/nested_sidebar_menu.tsx b/packages/react-shared/src/components/nested_sidebar_menu.tsx
index c871e77d4..ec42c8265 100644
--- a/packages/react-shared/src/components/nested_sidebar_menu.tsx
+++ b/packages/react-shared/src/components/nested_sidebar_menu.tsx
@@ -3,7 +3,7 @@ import * as _ from 'lodash';
 import MenuItem from 'material-ui/MenuItem';
 import * as React from 'react';
 
-import { ALink, LinkType, Styles } from '../types';
+import { ALink, Styles } from '../types';
 import { colors } from '../utils/colors';
 import { constants } from '../utils/constants';
 import { utils } from '../utils/utils';
@@ -127,9 +127,9 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N
         ) {
             return null;
         }
-        return this._renderMenuSubsectionsBySection(menuItemName, this.props.subsectionNameToLinks[menuItemName]);
+        return this._renderSubsectionsLinks(menuItemName, this.props.subsectionNameToLinks[menuItemName]);
     }
-    private _renderMenuSubsectionsBySection(menuItemName: string, links: ALink[]): React.ReactNode {
+    private _renderSubsectionsLinks(menuItemName: string, links: ALink[]): React.ReactNode {
         return (
             <ul style={{ margin: 0, listStyleType: 'none', paddingLeft: 0 }} key={menuItemName}>
                 {_.map(links, link => {
diff --git a/packages/react-shared/src/index.ts b/packages/react-shared/src/index.ts
index 793214a87..1842e8af3 100644
--- a/packages/react-shared/src/index.ts
+++ b/packages/react-shared/src/index.ts
@@ -6,15 +6,7 @@ export { NestedSidebarMenu } from './components/nested_sidebar_menu';
 export { SectionHeader } from './components/section_header';
 export { Link } from './components/link';
 
-export {
-    HeaderSizes,
-    Styles,
-    MenuSubsectionsBySection,
-    EtherscanLinkSuffixes,
-    Networks,
-    LinkType,
-    ALink,
-} from './types';
+export { HeaderSizes, Styles, EtherscanLinkSuffixes, Networks, LinkType, ALink } from './types';
 
 export { utils } from './utils/utils';
 export { constants } from './utils/constants';
diff --git a/packages/react-shared/src/types.ts b/packages/react-shared/src/types.ts
index b3dd4045b..daae7b115 100644
--- a/packages/react-shared/src/types.ts
+++ b/packages/react-shared/src/types.ts
@@ -8,10 +8,6 @@ export enum HeaderSizes {
     H3 = 'h3',
 }
 
-export interface MenuSubsectionsBySection {
-    [section: string]: string[];
-}
-
 export enum EtherscanLinkSuffixes {
     Address = 'address',
     Tx = 'tx',
diff --git a/packages/website/ts/components/documentation/docs_content_top_bar.tsx b/packages/website/ts/components/documentation/docs_content_top_bar.tsx
deleted file mode 100644
index 04385cfdb..000000000
--- a/packages/website/ts/components/documentation/docs_content_top_bar.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import { ALink, colors, Link, NestedSidebarMenu } from '@0xproject/react-shared';
-import { ObjectMap } from '@0xproject/types';
-import * as _ from 'lodash';
-import Drawer from 'material-ui/Drawer';
-import * as React from 'react';
-import { DocsLogo } from 'ts/components/documentation/docs_logo';
-import { Container } from 'ts/components/ui/container';
-import { Deco, Key, WebsitePaths } from 'ts/types';
-import { constants } from 'ts/utils/constants';
-import { Translate } from 'ts/utils/translate';
-
-export interface DocsContentTopBarProps {
-    location: Location;
-    translate: Translate;
-    sectionNameToLinks?: ObjectMap<ALink[]>;
-}
-
-interface DocsContentTopBarState {
-    isDrawerOpen: boolean;
-}
-
-interface MenuItemInfo {
-    title: string;
-    url: string;
-    iconUrl: string;
-    textStyle: React.CSSProperties;
-}
-
-export class DocsContentTopBar extends React.Component<DocsContentTopBarProps, DocsContentTopBarState> {
-    constructor(props: DocsContentTopBarProps) {
-        super(props);
-        this.state = {
-            isDrawerOpen: false,
-        };
-    }
-    public componentWillReceiveProps(nextProps: DocsContentTopBarProps): void {
-        if (nextProps.location.pathname !== this.props.location.pathname) {
-            this.setState({
-                isDrawerOpen: false,
-            });
-        }
-    }
-    public render(): React.ReactNode {
-        const menuItemInfos: MenuItemInfo[] = [
-            {
-                title: this.props.translate.get(Key.Github, Deco.Cap),
-                url: constants.URL_GITHUB_ORG,
-                iconUrl: '/images/developers/github_icon.svg',
-                textStyle: { color: colors.linkSectionGrey },
-            },
-            {
-                title: this.props.translate.get(Key.Forum, Deco.Cap),
-                url: constants.URL_FORUM,
-                iconUrl: '/images/developers/forum_icon.svg',
-                textStyle: { color: colors.linkSectionGrey },
-            },
-            {
-                title: this.props.translate.get(Key.LiveChat, Deco.Cap),
-                url: constants.URL_ZEROEX_CHAT,
-                iconUrl: '/images/developers/chat_icon.svg',
-                textStyle: { color: colors.lightLinkBlue, fontWeight: 'bold' },
-            },
-        ];
-        return (
-            <Container height={80}>
-                <Container className="flex items-center lg-pt3 md-pt3 sm-pt1 relative" width="100%">
-                    <div className="col col-2 sm-hide xs-hide">
-                        <Link
-                            to={WebsitePaths.Home}
-                            style={{ color: colors.linkSectionGrey }}
-                            className="flex items-center text-decoration-none"
-                        >
-                            <i className="zmdi zmdi-chevron-left bold" style={{ fontSize: 16 }} />
-                            <div className="pl1" style={{ fontSize: 16 }}>
-                                0xproject.com
-                            </div>
-                        </Link>
-                    </div>
-                    <div className="col col-4 md-hide sm-hide xs-hide" />
-                    <div className="col col-6 md-pl4 md-ml4 sm-hide xs-hide">
-                        <div className="flex items-center justify-between right" style={{ width: 300 }}>
-                            {this._renderMenuItems(menuItemInfos)}
-                        </div>
-                    </div>
-                    <div className="lg-hide md-hide">
-                        <DocsLogo height={30} containerStyle={{ paddingTop: 6, paddingLeft: 18 }} />
-                    </div>
-                    <div className="md-hide lg-hide absolute" style={{ right: 18, top: 12 }}>
-                        <div
-                            style={{
-                                fontSize: 30,
-                                color: 'black',
-                                cursor: 'pointer',
-                            }}
-                        >
-                            <i
-                                className="zmdi zmdi-menu"
-                                style={{ color: colors.grey700 }}
-                                onClick={this._onMenuButtonClick.bind(this)}
-                            />
-                        </div>
-                    </div>
-                </Container>
-                <div
-                    style={{
-                        width: '100%',
-                        height: 1,
-                        backgroundColor: colors.grey300,
-                        marginTop: 11,
-                    }}
-                />
-                {this._renderDrawer()}
-            </Container>
-        );
-    }
-    private _renderMenuItems(menuItemInfos: MenuItemInfo[]): React.ReactNode {
-        const menuItems = _.map(menuItemInfos, menuItemInfo => {
-            return (
-                <a
-                    key={`menu-item-${menuItemInfo.title}`}
-                    href={menuItemInfo.url}
-                    target="_blank"
-                    className="text-decoration-none"
-                    style={{
-                        fontSize: 16,
-                    }}
-                >
-                    <div className="flex">
-                        <img src={menuItemInfo.iconUrl} width="18" />
-                        <div className="flex items-center" style={{ ...menuItemInfo.textStyle, paddingLeft: 4 }}>
-                            {menuItemInfo.title}
-                        </div>
-                    </div>
-                </a>
-            );
-        });
-        return menuItems;
-    }
-    private _renderDrawer(): React.ReactNode {
-        return (
-            <Drawer
-                open={this.state.isDrawerOpen}
-                docked={false}
-                openSecondary={true}
-                onRequestChange={this._onMenuButtonClick.bind(this)}
-            >
-                <div className="clearfix pl1">
-                    <NestedSidebarMenu
-                        sectionNameToLinks={this.props.sectionNameToLinks}
-                        shouldDisplaySectionHeaders={true}
-                        shouldReformatMenuItemNames={false}
-                        onMenuItemClick={this._onMenuButtonClick.bind(this)}
-                    />
-                </div>
-            </Drawer>
-        );
-    }
-    private _onMenuButtonClick(): void {
-        this.setState({
-            isDrawerOpen: !this.state.isDrawerOpen,
-        });
-    }
-}
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
new file mode 100644
index 000000000..6a050d398
--- /dev/null
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -0,0 +1,163 @@
+import { ALink, colors, Link, NestedSidebarMenu } from '@0xproject/react-shared';
+import { ObjectMap } from '@0xproject/types';
+import * as _ from 'lodash';
+import Drawer from 'material-ui/Drawer';
+import * as React from 'react';
+import { DocsLogo } from 'ts/components/documentation/docs_logo';
+import { Container } from 'ts/components/ui/container';
+import { Deco, Key, WebsitePaths } from 'ts/types';
+import { constants } from 'ts/utils/constants';
+import { Translate } from 'ts/utils/translate';
+
+export interface DocsTopBarProps {
+    location: Location;
+    translate: Translate;
+    sectionNameToLinks?: ObjectMap<ALink[]>;
+}
+
+interface DocsTopBarState {
+    isDrawerOpen: boolean;
+}
+
+interface MenuItemInfo {
+    title: string;
+    url: string;
+    iconUrl: string;
+    textStyle: React.CSSProperties;
+}
+
+export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState> {
+    constructor(props: DocsTopBarProps) {
+        super(props);
+        this.state = {
+            isDrawerOpen: false,
+        };
+    }
+    public componentWillReceiveProps(nextProps: DocsTopBarProps): void {
+        if (nextProps.location.pathname !== this.props.location.pathname) {
+            this.setState({
+                isDrawerOpen: false,
+            });
+        }
+    }
+    public render(): React.ReactNode {
+        const menuItemInfos: MenuItemInfo[] = [
+            {
+                title: this.props.translate.get(Key.Github, Deco.Cap),
+                url: constants.URL_GITHUB_ORG,
+                iconUrl: '/images/developers/github_icon.svg',
+                textStyle: { color: colors.linkSectionGrey },
+            },
+            {
+                title: this.props.translate.get(Key.Forum, Deco.Cap),
+                url: constants.URL_FORUM,
+                iconUrl: '/images/developers/forum_icon.svg',
+                textStyle: { color: colors.linkSectionGrey },
+            },
+            {
+                title: this.props.translate.get(Key.LiveChat, Deco.Cap),
+                url: constants.URL_ZEROEX_CHAT,
+                iconUrl: '/images/developers/chat_icon.svg',
+                textStyle: { color: colors.lightLinkBlue, fontWeight: 'bold' },
+            },
+        ];
+        return (
+            <Container height={80}>
+                <Container className="flex items-center lg-pt3 md-pt3 sm-pt1 relative" width="100%">
+                    <div className="col col-2 sm-hide xs-hide">
+                        <Link
+                            to={WebsitePaths.Home}
+                            style={{ color: colors.linkSectionGrey }}
+                            className="flex items-center text-decoration-none"
+                        >
+                            <i className="zmdi zmdi-chevron-left bold" style={{ fontSize: 16 }} />
+                            <div className="pl1" style={{ fontSize: 16 }}>
+                                0xproject.com
+                            </div>
+                        </Link>
+                    </div>
+                    <div className="col col-4 md-hide sm-hide xs-hide" />
+                    <div className="col col-6 md-pl4 md-ml4 sm-hide xs-hide">
+                        <div className="flex items-center justify-between right" style={{ width: 300 }}>
+                            {this._renderMenuItems(menuItemInfos)}
+                        </div>
+                    </div>
+                    <div className="lg-hide md-hide">
+                        <DocsLogo height={30} containerStyle={{ paddingTop: 6, paddingLeft: 18 }} />
+                    </div>
+                    <div className="md-hide lg-hide absolute" style={{ right: 18, top: 12 }}>
+                        <div
+                            style={{
+                                fontSize: 30,
+                                color: 'black',
+                                cursor: 'pointer',
+                            }}
+                        >
+                            <i
+                                className="zmdi zmdi-menu"
+                                style={{ color: colors.grey700 }}
+                                onClick={this._onMenuButtonClick.bind(this)}
+                            />
+                        </div>
+                    </div>
+                </Container>
+                <div
+                    style={{
+                        width: '100%',
+                        height: 1,
+                        backgroundColor: colors.grey300,
+                        marginTop: 11,
+                    }}
+                />
+                {this._renderDrawer()}
+            </Container>
+        );
+    }
+    private _renderMenuItems(menuItemInfos: MenuItemInfo[]): React.ReactNode {
+        const menuItems = _.map(menuItemInfos, menuItemInfo => {
+            return (
+                <a
+                    key={`menu-item-${menuItemInfo.title}`}
+                    href={menuItemInfo.url}
+                    target="_blank"
+                    className="text-decoration-none"
+                    style={{
+                        fontSize: 16,
+                    }}
+                >
+                    <div className="flex">
+                        <img src={menuItemInfo.iconUrl} width="18" />
+                        <div className="flex items-center" style={{ ...menuItemInfo.textStyle, paddingLeft: 4 }}>
+                            {menuItemInfo.title}
+                        </div>
+                    </div>
+                </a>
+            );
+        });
+        return menuItems;
+    }
+    private _renderDrawer(): React.ReactNode {
+        return (
+            <Drawer
+                open={this.state.isDrawerOpen}
+                docked={false}
+                openSecondary={true}
+                onRequestChange={this._onMenuButtonClick.bind(this)}
+            >
+                <div className="clearfix pl1">
+                    <NestedSidebarMenu
+                        sectionNameToLinks={this.props.sectionNameToLinks}
+                        shouldDisplaySectionHeaders={true}
+                        shouldReformatMenuItemNames={false}
+                        onMenuItemClick={this._onMenuButtonClick.bind(this)}
+                    />
+                </div>
+            </Drawer>
+        );
+    }
+    private _onMenuButtonClick(): void {
+        this.setState({
+            isDrawerOpen: !this.state.isDrawerOpen,
+        });
+    }
+}
diff --git a/packages/website/ts/pages/documentation/home.tsx b/packages/website/ts/pages/documentation/home.tsx
index 7c0bf433e..c0b50fab7 100644
--- a/packages/website/ts/pages/documentation/home.tsx
+++ b/packages/website/ts/pages/documentation/home.tsx
@@ -10,13 +10,12 @@ import {
 } from '@0xproject/react-shared';
 import { ObjectMap } from '@0xproject/types';
 import * as _ from 'lodash';
-import MenuItem from 'material-ui/MenuItem';
 import * as React from 'react';
 import DocumentTitle = require('react-document-title');
 import * as ReactMarkdown from 'react-markdown';
 import { Element as ScrollElement } from 'react-scroll';
-import { DocsContentTopBar } from 'ts/components/documentation/docs_content_top_bar';
 import { DocsLogo } from 'ts/components/documentation/docs_logo';
+import { DocsTopBar } from 'ts/components/documentation/docs_top_bar';
 import { TutorialButton } from 'ts/components/documentation/tutorial_button';
 import { Container } from 'ts/components/ui/container';
 import { Text } from 'ts/components/ui/text';
@@ -475,7 +474,7 @@ export class Home extends React.Component<HomeProps, HomeState> {
                         backgroundColor={colors.white}
                     >
                         <Container paddingLeft={mainContentPadding} paddingRight={mainContentPadding}>
-                            <DocsContentTopBar
+                            <DocsTopBar
                                 location={this.props.location}
                                 translate={this.props.translate}
                                 sectionNameToLinks={sectionNameToLinks}
-- 
cgit v1.2.3