diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-20 02:04:41 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-20 02:04:41 +0800 |
commit | 97e21106e5a96809e6298999b93833c4645dffba (patch) | |
tree | ed94468ed83f08410f53a09f65506b972be4e5d9 /packages/react-shared/src/components/link.tsx | |
parent | 6e4cb0246ccd46e69feea5a4324f3a5307df9c3f (diff) | |
parent | 125a940560a01305781bfb6754f52fa64669a6f3 (diff) | |
download | dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.gz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.bz2 dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.lz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.xz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.zst dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.zip |
Merge pull request #1448 from 0xProject/feature/website/0x-org
[website][react-shared][instant] 0x org
Diffstat (limited to 'packages/react-shared/src/components/link.tsx')
-rw-r--r-- | packages/react-shared/src/components/link.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/react-shared/src/components/link.tsx b/packages/react-shared/src/components/link.tsx index 089e6e2ba..2fb19ac11 100644 --- a/packages/react-shared/src/components/link.tsx +++ b/packages/react-shared/src/components/link.tsx @@ -1,13 +1,13 @@ import * as _ from 'lodash'; import * as React from 'react'; -import { Link as ReactRounterLink } from 'react-router-dom'; +import { NavLink as ReactRounterLink } from 'react-router-dom'; import { Link as ScrollLink } from 'react-scroll'; import * as validUrl from 'valid-url'; import { LinkType } from '../types'; import { constants } from '../utils/constants'; -interface BaseLinkProps { +export interface BaseLinkProps { to: string; shouldOpenInNewTab?: boolean; className?: string; @@ -18,11 +18,15 @@ interface BaseLinkProps { fontColor?: string; } -interface ScrollLinkProps extends BaseLinkProps { +export interface ScrollLinkProps extends BaseLinkProps { onActivityChanged?: (isActive: boolean) => void; } -type LinkProps = BaseLinkProps & ScrollLinkProps; +export interface ReactLinkProps extends BaseLinkProps { + activeStyle?: React.CSSProperties; +} + +export type LinkProps = ReactLinkProps & ScrollLinkProps; export interface LinkState {} @@ -94,6 +98,7 @@ export class Link extends React.Component<LinkProps, LinkState> { onMouseOver={this.props.onMouseOver} onMouseEnter={this.props.onMouseEnter} onMouseLeave={this.props.onMouseLeave} + activeStyle={this.props.activeStyle} > {this.props.children} </ReactRounterLink> |