diff options
author | Fabio Berger <me@fabioberger.com> | 2018-09-26 20:37:46 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-09-26 20:37:46 +0800 |
commit | ac1005b5a81136fa61834fc4b117ad64e3757238 (patch) | |
tree | 8fdbd9f3dcb553f13fe0666b3b2d0bd4b31efd83 | |
parent | a9b4027dc49b601af26f9ab1be2d97b32d46b073 (diff) | |
download | dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar.gz dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar.bz2 dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar.lz dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar.xz dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.tar.zst dexon-0x-contracts-ac1005b5a81136fa61834fc4b117ad64e3757238.zip |
Use new link component in Developer dropdown
-rw-r--r-- | packages/website/ts/components/dropdowns/developers_drop_down.tsx | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/packages/website/ts/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/components/dropdowns/developers_drop_down.tsx index 7a0aea182..bfd7287de 100644 --- a/packages/website/ts/components/dropdowns/developers_drop_down.tsx +++ b/packages/website/ts/components/dropdowns/developers_drop_down.tsx @@ -1,63 +1,56 @@ import { colors } from '@0xproject/react-shared'; import * as _ from 'lodash'; import * as React from 'react'; -import { Link } from 'react-router-dom'; import { DropDown } from 'ts/components/ui/drop_down'; +import { Link } from 'ts/components/ui/link'; import { Deco, Key, ObjectMap, WebsitePaths } from 'ts/types'; import { constants } from 'ts/utils/constants'; import { Translate } from 'ts/utils/translate'; interface LinkInfo { link: string; - shouldOpenNewTab: boolean; + shouldOpenInNewTab?: boolean; } const gettingStartedKeyToLinkInfo1: ObjectMap<LinkInfo> = { [Key.BuildARelayer]: { link: `${WebsitePaths.Wiki}#Build-A-Relayer`, - shouldOpenNewTab: false, }, [Key.IntroTutorial]: { link: `${WebsitePaths.Wiki}#Create,-Validate,-Fill-Order`, - shouldOpenNewTab: false, }, }; const gettingStartedKeyToLinkInfo2: ObjectMap<LinkInfo> = { [Key.TradingTutorial]: { link: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`, - shouldOpenNewTab: false, }, [Key.EthereumDevelopment]: { link: `${WebsitePaths.Wiki}#Ethereum-Development`, - shouldOpenNewTab: false, }, }; const popularDocsToLinkInfos: ObjectMap<LinkInfo> = { [Key.ZeroExJs]: { link: WebsitePaths.ZeroExJs, - shouldOpenNewTab: false, }, [Key.Connect]: { link: WebsitePaths.Connect, - shouldOpenNewTab: false, }, [Key.SmartContract]: { link: WebsitePaths.SmartContracts, - shouldOpenNewTab: false, }, }; const usefulLinksToLinkInfo: ObjectMap<LinkInfo> = { [Key.Github]: { link: constants.URL_GITHUB_ORG, - shouldOpenNewTab: true, + shouldOpenInNewTab: true, }, [Key.Whitepaper]: { link: WebsitePaths.Whitepaper, - shouldOpenNewTab: true, + shouldOpenInNewTab: true, }, [Key.Sandbox]: { link: constants.URL_SANDBOX, - shouldOpenNewTab: true, + shouldOpenInNewTab: true, }, }; @@ -167,15 +160,15 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps, const linkText = this.props.translate.get(key as Key, Deco.CapWords); return ( <div className={`pr1 pt1 ${!isLast && 'pb1'}`} key={`dev-dropdown-link-${key}`}> - {linkInfo.shouldOpenNewTab ? ( - <a target="_blank" className="text-decoration-none" style={linkStyle} href={linkInfo.link}> - {linkText} - </a> - ) : ( - <Link to={linkInfo.link} className="text-decoration-none" style={linkStyle}> - {linkText} - </Link> - )} + <Link + to={linkInfo.link} + isExternal={!!linkInfo.shouldOpenInNewTab} + shouldOpenInNewTab={linkInfo.shouldOpenInNewTab} + className="text-decoration-none" + style={linkStyle} + > + {linkText} + </Link> </div> ); }); |