Pass down sidebar instead of sectionNameToLinks

4 files changed, 17 insertions, 19 deletions

diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index 9a2146f9c..41273eb30 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -13,7 +13,7 @@ import { Translate } from 'ts/utils/translate';
 export interface DocsTopBarProps {
     location: Location;
     translate: Translate;
-    sectionNameToLinks?: ObjectMap<ALink[]>;
+    sidebar?: React.ReactNode;
 }
 
 interface DocsTopBarState {
@@ -143,13 +143,8 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
                 openSecondary={true}
                 onRequestChange={this._onMenuButtonClick.bind(this)}
             >
-                <Container className="clearfix pl1">
-                    <NestedSidebarMenu
-                        sectionNameToLinks={this.props.sectionNameToLinks}
-                        shouldDisplaySectionHeaders={true}
-                        shouldReformatMenuItemNames={false}
-                        onMenuItemClick={this._onMenuButtonClick.bind(this)}
-                    />
+                <Container className="clearfix pl1" onClick={this._onMenuButtonClick.bind(this)}>
+                    {this.props.sidebar}
                 </Container>
             </Drawer>
         );
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 7172a7c66..c924fb460 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -1,5 +1,4 @@
-import { ALink, colors, constants as sharedConstants, NestedSidebarMenu } from '@0xproject/react-shared';
-import { ObjectMap } from '@0xproject/types';
+import { colors, constants as sharedConstants } from '@0xproject/react-shared';
 import * as _ from 'lodash';
 import * as React from 'react';
 import DocumentTitle = require('react-document-title');
@@ -21,7 +20,7 @@ export interface DevelopersPageProps {
     screenWidth: ScreenWidths;
     dispatcher: Dispatcher;
     mainContent: React.ReactNode;
-    sectionNameToLinks: ObjectMap<ALink[]>;
+    sidebar: React.ReactNode;
 }
 
 export interface DevelopersPageState {
@@ -107,10 +106,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
                             onWheel={this._throttledSidebarScrolling}
                         >
                             <Container paddingLeft="22px" paddingRight="22px" paddingBottom="100px">
-                                <NestedSidebarMenu
-                                    sectionNameToLinks={this.props.sectionNameToLinks}
-                                    shouldReformatMenuItemNames={false}
-                                />
+                                {this.props.sidebar}
                             </Container>
                         </div>
                     </Container>
@@ -124,7 +120,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
                             <DocsTopBar
                                 location={this.props.location}
                                 translate={this.props.translate}
-                                sectionNameToLinks={this.props.sectionNameToLinks}
+                                sidebar={this.props.sidebar}
                             />
                         </Container>
                         <div
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 58b6f076d..bc0dc7b6a 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -6,6 +6,7 @@ import {
     SupportedDocJson,
     TypeDocUtils,
 } from '@0xproject/react-docs';
+import { NestedSidebarMenu } from '@0xproject/react-shared';
 import findVersions = require('find-versions');
 import * as _ from 'lodash';
 import CircularProgress from 'material-ui/CircularProgress';
@@ -87,10 +88,13 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
                 sourceUrl={sourceUrl}
             />
         );
+        const sidebar = (
+            <NestedSidebarMenu sectionNameToLinks={sectionNameToLinks} shouldReformatMenuItemNames={false} />
+        );
         return (
             <DevelopersPage
+                sidebar={sidebar}
                 mainContent={mainContent}
-                sectionNameToLinks={sectionNameToLinks}
                 location={this.props.location}
                 screenWidth={this.props.screenWidth}
                 translate={this.props.translate}
diff --git a/packages/website/ts/pages/documentation/docs_home.tsx b/packages/website/ts/pages/documentation/docs_home.tsx
index c5b4ed318..1059bb844 100644
--- a/packages/website/ts/pages/documentation/docs_home.tsx
+++ b/packages/website/ts/pages/documentation/docs_home.tsx
@@ -1,4 +1,4 @@
-import { ALink } from '@0xproject/react-shared';
+import { ALink, NestedSidebarMenu } from '@0xproject/react-shared';
 import { ObjectMap } from '@0xproject/types';
 import * as _ from 'lodash';
 import * as React from 'react';
@@ -330,10 +330,13 @@ export class DocsHome extends React.Component<DocsHomeProps, DocsHomeState> {
                 categoryToPackages={CATEGORY_TO_PACKAGES}
             />
         );
+        const sidebar = (
+            <NestedSidebarMenu sectionNameToLinks={sectionNameToLinks} shouldReformatMenuItemNames={false} />
+        );
         return (
             <DevelopersPage
                 mainContent={mainContent}
-                sectionNameToLinks={sectionNameToLinks}
+                sidebar={sidebar}
                 location={this.props.location}
                 screenWidth={this.props.screenWidth}
                 translate={this.props.translate}