diff options
author | Fabio Berger <me@fabioberger.com> | 2018-11-12 00:51:00 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-11-12 00:51:00 +0800 |
commit | 0d201173ef8908de43bdb83acb7aa8ed4ce1e09a (patch) | |
tree | fade966b581d034ec62cfc04ea3f5a762a8b9a13 /packages/react-shared/src | |
parent | 2d43f312c8c3505bfd650be2a0975e39303d9d24 (diff) | |
download | dexon-0x-contracts-0d201173ef8908de43bdb83acb7aa8ed4ce1e09a.tar.gz dexon-0x-contracts-0d201173ef8908de43bdb83acb7aa8ed4ce1e09a.tar.zst dexon-0x-contracts-0d201173ef8908de43bdb83acb7aa8ed4ce1e09a.zip |
Replace remaining scroll-links with Link component
Diffstat (limited to 'packages/react-shared/src')
-rw-r--r-- | packages/react-shared/src/components/anchor_title.tsx | 18 |
1 files changed, 3 insertions, 15 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx index bd99edcab..a9105e132 100644 --- a/packages/react-shared/src/components/anchor_title.tsx +++ b/packages/react-shared/src/components/anchor_title.tsx @@ -1,15 +1,9 @@ import * as React from 'react'; -import { Link as ScrollLink } from 'react-scroll'; import styled from 'styled-components'; +import { Link } from '../components/link'; import { HeaderSizes, Styles } from '../types'; import { colors } from '../utils/colors'; -import { constants } from '../utils/constants'; - -const headerSizeToScrollOffset: { [headerSize: string]: number } = { - h2: -20, - h3: 0, -}; export interface AnchorTitleProps { title: string | React.ReactNode; @@ -73,15 +67,9 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt {this.props.title} </div> {!this.props.isDisabled && ( - <ScrollLink - to={this.props.id} - hashSpy={true} - offset={headerSizeToScrollOffset[this.props.headerSize]} - duration={constants.DOCS_SCROLL_DURATION_MS} - containerId={constants.SCROLL_CONTAINER_ID} - > + <Link to={this.props.id}> <AnchorIcon className="zmdi zmdi-link" shouldShowAnchor={this.props.shouldShowAnchor} /> - </ScrollLink> + </Link> )} </div> ); |