aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-04 00:03:05 +0800
committerFabio Berger <me@fabioberger.com>2018-10-04 00:03:05 +0800
commit8d6bffa96ca26e59b0c10f9f46f6f1e03e3518e9 (patch)
tree27d79e05e1333f0d37f324a281b2b46e53036377 /packages/website
parent72b1c60f392c8c8fc445223f2149ca3a62a83fed (diff)
downloaddexon-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.tsx49
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}`}>