diff options
Diffstat (limited to 'packages/website/ts')
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} |