aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-03-20 20:26:04 +0800
committerFabio Berger <me@fabioberger.com>2018-03-20 20:26:04 +0800
commit72671c10148d304fec072d0c62bcc9788b967f55 (patch)
treef61a51be3f70aec87184f750361f44d1aea6a8dc /packages/website/ts
parenta3c31f4f4a4c1c6a79f3915753a5197988253f28 (diff)
downloaddexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar.gz
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar.bz2
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar.lz
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar.xz
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.tar.zst
dexon-sol-tools-72671c10148d304fec072d0c62bcc9788b967f55.zip
Refactor titleToIcon mapping to idToIcon and move to docPage
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/components/sidebar_header.tsx15
-rw-r--r--packages/website/ts/components/top_bar/top_bar.tsx5
-rw-r--r--packages/website/ts/pages/documentation/doc_page.tsx17
-rw-r--r--packages/website/ts/pages/wiki/wiki.tsx4
4 files changed, 23 insertions, 18 deletions
diff --git a/packages/website/ts/components/sidebar_header.tsx b/packages/website/ts/components/sidebar_header.tsx
index 556243430..51e8a59d5 100644
--- a/packages/website/ts/components/sidebar_header.tsx
+++ b/packages/website/ts/components/sidebar_header.tsx
@@ -4,20 +4,9 @@ import * as React from 'react';
const SHOW_DURATION_MS = 4000;
-const titleToIcon: { [title: string]: string } = {
- '0x.js': 'zeroExJs.png',
- Web3Wrapper: 'zeroExJs.png',
- Deployer: 'zeroExJs.png',
- 'Sol-cov': 'zeroExJs.png',
- 'JSON Schemas': 'zeroExJs.png',
- Subproviders: 'zeroExJs.png',
- '0x Connect': 'connect.png',
- '0x Smart Contracts': 'contracts.png',
- Wiki: 'wiki.png',
-};
-
interface SidebarHeaderProps {
title: string;
+ iconUrl: string;
}
interface SidebarHeaderState {}
@@ -37,7 +26,7 @@ export class SidebarHeader extends React.Component<SidebarHeaderProps, SidebarHe
</div>
<div className="flex">
<div>
- <img src={`/images/doc_icons/${titleToIcon[this.props.title]}`} width="22" />
+ <img src={`/images/doc_icons/${this.props.iconUrl}`} width="22" />
</div>
<div className="pl1" style={{ fontWeight: 600, fontSize: 20, lineHeight: 1.2 }}>
{this.props.title}
diff --git a/packages/website/ts/components/top_bar/top_bar.tsx b/packages/website/ts/components/top_bar/top_bar.tsx
index 3a6ceed34..4b2e82119 100644
--- a/packages/website/ts/components/top_bar/top_bar.tsx
+++ b/packages/website/ts/components/top_bar/top_bar.tsx
@@ -39,6 +39,7 @@ interface TopBarProps {
style?: React.CSSProperties;
isNightVersion?: boolean;
onVersionSelected?: (semver: string) => void;
+ sidebarHeader?: React.ReactNode;
}
interface TopBarState {
@@ -393,7 +394,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
<NestedSidebarMenu
topLevelMenu={this.props.menu}
menuSubsectionsBySection={this.props.menuSubsectionsBySection}
- sidebarHeader={<SidebarHeader title={this.props.docsInfo.displayName} />}
+ sidebarHeader={this.props.sidebarHeader}
shouldDisplaySectionHeaders={false}
onMenuItemClick={this._onMenuButtonClick.bind(this)}
selectedVersion={this.props.docsVersion}
@@ -413,7 +414,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
<NestedSidebarMenu
topLevelMenu={this.props.menuSubsectionsBySection}
menuSubsectionsBySection={this.props.menuSubsectionsBySection}
- sidebarHeader={<SidebarHeader title="Wiki" />}
+ sidebarHeader={this.props.sidebarHeader}
shouldDisplaySectionHeaders={false}
onMenuItemClick={this._onMenuButtonClick.bind(this)}
/>
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 80c47ea5c..b6dfc04b2 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -15,9 +15,20 @@ import { docUtils } from 'ts/utils/doc_utils';
import { Translate } from 'ts/utils/translate';
import { utils } from 'ts/utils/utils';
+const isDevelopment = configs.ENVIRONMENT === Environments.DEVELOPMENT;
const ZERO_EX_JS_VERSION_MISSING_TOPLEVEL_PATH = '0.32.4';
-const isDevelopment = configs.ENVIRONMENT === Environments.DEVELOPMENT;
+const idToIcon: { [id: string]: string } = {
+ [DocPackages.ZeroExJs]: 'zeroExJs.png',
+ [DocPackages.Web3Wrapper]: 'zeroExJs.png',
+ [DocPackages.Deployer]: 'zeroExJs.png',
+ [DocPackages.SolCov]: 'zeroExJs.png',
+ [DocPackages.JSONSchemas]: 'zeroExJs.png',
+ [DocPackages.Subproviders]: 'zeroExJs.png',
+ [DocPackages.Connect]: 'connect.png',
+ [DocPackages.SmartContracts]: 'contracts.png',
+};
+
const docIdToS3FolderName: { [id: string]: string } = {
[DocPackages.ZeroExJs]: '0xjs',
[DocPackages.SmartContracts]: 'smart-contracts',
@@ -79,6 +90,7 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
? {}
: this.props.docsInfo.getMenuSubsectionsBySection(this.state.docAgnosticFormat);
const sourceUrl = this._getSourceUrl();
+ const iconUrl = idToIcon[this.props.docsInfo.id];
return (
<div>
<DocumentTitle title={`${this.props.docsInfo.displayName} Documentation`} />
@@ -92,13 +104,14 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
docsInfo={this.props.docsInfo}
translate={this.props.translate}
onVersionSelected={this._onVersionSelected.bind(this)}
+ sidebarHeader={<SidebarHeader title={this.props.docsInfo.displayName} iconUrl={iconUrl} />}
/>
<Documentation
selectedVersion={this.props.docsVersion}
availableVersions={this.props.availableDocVersions}
docsInfo={this.props.docsInfo}
docAgnosticFormat={this.state.docAgnosticFormat}
- sidebarHeader={<SidebarHeader title={this.props.docsInfo.displayName} />}
+ sidebarHeader={<SidebarHeader title={this.props.docsInfo.displayName} iconUrl={iconUrl} />}
sourceUrl={sourceUrl}
topBarHeight={60}
onVersionSelected={this._onVersionSelected.bind(this)}
diff --git a/packages/website/ts/pages/wiki/wiki.tsx b/packages/website/ts/pages/wiki/wiki.tsx
index e2dd3a68e..a8d70029c 100644
--- a/packages/website/ts/pages/wiki/wiki.tsx
+++ b/packages/website/ts/pages/wiki/wiki.tsx
@@ -88,6 +88,7 @@ export class Wiki extends React.Component<WikiProps, WikiState> {
...styles.mainContainers,
overflow: this.state.isHoveringSidebar ? 'auto' : 'hidden',
};
+ const sidebarHeader = <SidebarHeader title="Wiki" iconUrl="wiki.png" />;
return (
<div>
<DocumentTitle title="0x Protocol Wiki" />
@@ -96,6 +97,7 @@ export class Wiki extends React.Component<WikiProps, WikiState> {
location={this.props.location}
menuSubsectionsBySection={menuSubsectionsBySection}
translate={this.props.translate}
+ sidebarHeader={sidebarHeader}
/>
{_.isUndefined(this.state.articlesBySection) ? (
<div className="col col-12" style={mainContainersStyle}>
@@ -134,7 +136,7 @@ export class Wiki extends React.Component<WikiProps, WikiState> {
<NestedSidebarMenu
topLevelMenu={menuSubsectionsBySection}
menuSubsectionsBySection={menuSubsectionsBySection}
- sidebarHeader={<SidebarHeader title="Wiki" />}
+ sidebarHeader={sidebarHeader}
/>
</div>
</div>