aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/shared/section_header.tsx
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-03-05 20:53:13 +0800
committerFabio Berger <me@fabioberger.com>2018-03-05 20:53:13 +0800
commit5a90fece8020f9be5c0f52f6ccf65dacb824b1cd (patch)
tree3597cbdbdf0fe1ef1ffadf164ce372db09812529 /packages/website/ts/pages/shared/section_header.tsx
parent874e6678491d25aa7db300d68bdcb73863685c62 (diff)
downloaddexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar.gz
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar.bz2
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar.lz
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar.xz
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.tar.zst
dexon-sol-tools-5a90fece8020f9be5c0f52f6ccf65dacb824b1cd.zip
Moved over all pages/shared components and dependencies to react-shared
Diffstat (limited to 'packages/website/ts/pages/shared/section_header.tsx')
-rw-r--r--packages/website/ts/pages/shared/section_header.tsx62
1 files changed, 0 insertions, 62 deletions
diff --git a/packages/website/ts/pages/shared/section_header.tsx b/packages/website/ts/pages/shared/section_header.tsx
deleted file mode 100644
index 3f661a1e5..000000000
--- a/packages/website/ts/pages/shared/section_header.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { AnchorTitle, HeaderSizes } from '@0xproject/react-shared';
-import * as React from 'react';
-import { Element as ScrollElement } from 'react-scroll';
-import { colors } from 'ts/utils/colors';
-import { utils } from 'ts/utils/utils';
-
-interface SectionHeaderProps {
- sectionName: string;
- headerSize?: HeaderSizes;
-}
-
-interface SectionHeaderState {
- shouldShowAnchor: boolean;
-}
-
-export class SectionHeader extends React.Component<SectionHeaderProps, SectionHeaderState> {
- public static defaultProps: Partial<SectionHeaderProps> = {
- headerSize: HeaderSizes.H2,
- };
- constructor(props: SectionHeaderProps) {
- super(props);
- this.state = {
- shouldShowAnchor: false,
- };
- }
- public render() {
- const sectionName = this.props.sectionName.replace(/-/g, ' ');
- const id = utils.getIdFromName(sectionName);
- return (
- <div
- onMouseOver={this._setAnchorVisibility.bind(this, true)}
- onMouseOut={this._setAnchorVisibility.bind(this, false)}
- >
- <ScrollElement name={id}>
- <AnchorTitle
- headerSize={this.props.headerSize}
- title={
- <span
- style={{
- textTransform: 'uppercase',
- color: colors.grey,
- fontFamily: 'Roboto Mono',
- fontWeight: 300,
- fontSize: 27,
- }}
- >
- {sectionName}
- </span>
- }
- id={id}
- shouldShowAnchor={this.state.shouldShowAnchor}
- />
- </ScrollElement>
- </div>
- );
- }
- private _setAnchorVisibility(shouldShowAnchor: boolean) {
- this.setState({
- shouldShowAnchor,
- });
- }
-}