diff --git a/packages/website/ts/components/docs/header/header.tsx b/packages/website/ts/components/docs/header/header.tsx index 6e132e014b..b5ff499319 100644 --- a/packages/website/ts/components/docs/header/header.tsx +++ b/packages/website/ts/components/docs/header/header.tsx @@ -38,23 +38,23 @@ interface INavItems { const navItems: INavItems[] = [ { id: 'core-concepts', - url: WebsitePaths.Why, text: 'Core Concepts', + url: WebsitePaths.DocsCoreConcepts, }, { id: 'api-explorer', - url: WebsitePaths.AboutMission, text: 'API Explorer', + url: WebsitePaths.DocsApiExplorer, }, { id: 'guides', - url: '/docs/guides', text: 'Guides', + url: WebsitePaths.DocsGuides, }, { id: 'tools', - url: '/docs/tools', text: 'Tools', + url: WebsitePaths.DocsTools, }, ]; diff --git a/packages/website/ts/pages/docs/home.tsx b/packages/website/ts/pages/docs/home.tsx index c79954b33f..9edfcacfa7 100644 --- a/packages/website/ts/pages/docs/home.tsx +++ b/packages/website/ts/pages/docs/home.tsx @@ -13,6 +13,8 @@ import { DocsPageLayout } from 'ts/components/docs/layout/docs_page_layout'; import { constants } from 'ts/utils/constants'; +import { WebsitePaths } from 'ts/types'; + const SEPARATOR_MARGIN = '60px 0'; export const DocsHome: React.FC = () => { @@ -69,44 +71,44 @@ const shortcuts: IShortcutLinkProps[] = [ heading: 'Core Concepts', description: 'Understand the fundamentals of 0x development', icon: 'coreConcepts', - url: '/docs/core-concepts', + url: WebsitePaths.DocsCoreConcepts, }, { heading: 'API Explorer', description: 'Browse and filter through all the open-source 0x developer tools', icon: 'apiExplorer', - url: '/docs/api-explorer', + url: WebsitePaths.DocsApiExplorer, }, { heading: 'Guides', description: 'Dive into intermediate and advanced 0x development topics', icon: 'getStarted', - url: '/docs/guides', + url: WebsitePaths.DocsGuides, }, { heading: 'Tools', description: 'Explore the core 0x library and how to use it', icon: 'tools', - url: '/docs/tools', + url: WebsitePaths.DocsTools, }, ]; const usefulLinks: IStepLinkProps[] = [ { title: 'Core Concepts', - url: '/docs/core-concepts', + url: WebsitePaths.DocsCoreConcepts, }, { title: 'API Explorer', - url: '/docs/api-explorer', + url: WebsitePaths.DocsApiExplorer, }, { title: 'Guides', - url: '/docs/guides', + url: WebsitePaths.DocsGuides, }, { title: 'Tools', - url: '/docs/tools', + url: WebsitePaths.DocsTools, }, ]; @@ -114,22 +116,22 @@ const getStartedLinks: IGetStartedLinkProps[] = [ { heading: 'Launch an exchange in 30 seconds', description: 'Learn how to spin up an exchange or marketplace in seconds.', - url: '/docs/core-concepts', + url: WebsitePaths.DocsCoreConcepts, }, { heading: 'Tap into contract-fillable liquidity', description: 'Source contract-fillable liquidity at the best prices from 0x.', - url: '/docs/api-explorer', + url: WebsitePaths.DocsApiExplorer, }, { heading: 'Launch your in-game marketplace', description: 'Make your in-game items tradable with minimal effort.', - url: '/docs/guides', + url: WebsitePaths.DocsGuides, }, { heading: 'Predict the future with 0x', description: 'Build a prediction market end-to-end using 0x and Augur.', - url: '/docs/tools', + url: WebsitePaths.DocsTools, }, ]; diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts index 73b771379c..3055b1c621 100644 --- a/packages/website/ts/types.ts +++ b/packages/website/ts/types.ts @@ -433,6 +433,10 @@ export enum WebsitePaths { Portal = '/portal', Wiki = '/wiki', Docs = '/docs', + DocsApiExplorer = '/docs/api-explorer', + DocsCoreConcepts = '/docs/core-concepts', + DocsGuides = '/docs/guides', + DocsTools = '/docs/tools', ZeroExJs = '/docs/0x.js', Home = '/', About = '/about',