diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-10-04 00:03:05 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-10-04 00:03:05 +0800 |
| commit | 8d6bffa96ca26e59b0c10f9f46f6f1e03e3518e9 (patch) | |
| tree | 27d79e05e1333f0d37f324a281b2b46e53036377 /packages/website | |
| parent | 72b1c60f392c8c8fc445223f2149ca3a62a83fed (diff) | |
| download | dexon-sol-tools-8d6bffa96ca26e59b0c10f9f46f6f1e03e3518e9.tar.gz dexon-sol-tools-8d6bffa96ca26e59b0c10f9f46f6f1e03e3518e9.tar.zst dexon-sol-tools-8d6bffa96ca26e59b0c10f9f46f6f1e03e3518e9.zip | |
Use nestedSidebarMenu component for Dev home
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/pages/documentation/home.tsx | 49 |
1 files changed, 8 insertions, 41 deletions
diff --git a/packages/website/ts/pages/documentation/home.tsx b/packages/website/ts/pages/documentation/home.tsx index 72e507a7b..7c0bf433e 100644 --- a/packages/website/ts/pages/documentation/home.tsx +++ b/packages/website/ts/pages/documentation/home.tsx @@ -5,6 +5,7 @@ import { Link, LinkType, MarkdownLinkBlock, + NestedSidebarMenu, utils as sharedUtils, } from '@0xproject/react-shared'; import { ObjectMap } from '@0xproject/types'; @@ -425,6 +426,7 @@ export class Home extends React.Component<HomeProps, HomeState> { pkg => pkg.link, ), }; + console.log('sectionNameToLinks', sectionNameToLinks); return ( <Container className="flex items-center overflow-hidden" @@ -458,7 +460,12 @@ export class Home extends React.Component<HomeProps, HomeState> { onMouseLeave={this._onSidebarHover.bind(this, false)} onWheel={this._throttledSidebarScrolling} > - {this._renderMenu(sectionNameToLinks)} + <Container paddingLeft="22px" paddingRight="22px" paddingBottom="100px"> + <NestedSidebarMenu + sectionNameToLinks={sectionNameToLinks} + shouldReformatMenuItemNames={false} + /> + </Container> </div> </Container> <Container @@ -534,46 +541,6 @@ export class Home extends React.Component<HomeProps, HomeState> { </Container> ); } - private _renderMenu(sectionNameToLinks: ObjectMap<ALink[]>): React.ReactNode { - const navigation = _.map(sectionNameToLinks, (links: ALink[], sectionName: string) => { - // tslint:disable-next-line:no-unused-variable - return ( - <div key={`section-${sectionName}`} className="py1" style={{ color: colors.linkSectionGrey }}> - <div style={{ fontWeight: 'bold', fontSize: 15, letterSpacing: 0.5 }} className="py1"> - {sectionName.toUpperCase()} - </div> - {this._renderMenuItems(links)} - </div> - ); - }); - return ( - <Container paddingLeft="22px" paddingRight="22px" paddingBottom="100px"> - {navigation} - </Container> - ); - } - private _renderMenuItems(links: ALink[]): React.ReactNode { - const menuItems = _.map(links, link => { - return ( - <div key={`menuItem-${link.title}`}> - <Link to={link.to} shouldOpenInNewTab={link.shouldOpenInNewTab} type={link.type}> - <MenuItem - style={{ minHeight: 0 }} - innerDivStyle={{ - color: colors.grey800, - fontSize: 14, - lineHeight: 2, - padding: 0, - }} - > - {link.title} - </MenuItem> - </Link> - </div> - ); - }); - return menuItems; - } private _renderPackageCategory(category: string, pkgs: Package[]): React.ReactNode { return ( <div key={`category-${category}`}> |