From c99558606347682c6c5c9bb20d37aa4fbe8ab6be Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Mon, 10 Dec 2018 11:19:20 +0100 Subject: WIP mobile header + developer dropdown --- .../components/dropdowns/developers_drop_down.tsx | 159 +++++++++++++++++++++ 1 file changed, 159 insertions(+) create mode 100644 packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx new file mode 100644 index 000000000..bf75c3b92 --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx @@ -0,0 +1,159 @@ +import { ALink, Link } from '@0x/react-shared'; +import * as _ from 'lodash'; +import * as React from 'react'; + +import { colors } from 'ts/style/colors'; +import { Container } from 'ts/components/ui/container'; +import { DropDown } from 'ts/components/ui/drop_down'; +import { Heading, Paragraph } from 'ts/@next/components/text'; +import { Deco, Key, WebsitePaths } from 'ts/types'; +import { constants } from 'ts/utils/constants'; +import { Translate } from 'ts/utils/translate'; + +const gettingStartedKeyToLinkInfo1: ALink[] = [ + { + title: Key.BuildARelayer, + to: `${WebsitePaths.Wiki}#Build-A-Relayer`, + }, + { + title: Key.OrderBasics, + to: `${WebsitePaths.Wiki}#Create,-Validate,-Fill-Order`, + }, +]; +const gettingStartedKeyToLinkInfo2: ALink[] = [ + { + title: Key.DevelopOnEthereum, + to: `${WebsitePaths.Wiki}#Ethereum-Development`, + }, + { + title: Key.UseNetworkedLiquidity, + to: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`, + }, +]; +const popularDocsToLinkInfos: ALink[] = [ + { + title: Key.ZeroExJs, + to: WebsitePaths.ZeroExJs, + }, + { + title: Key.Connect, + to: WebsitePaths.Connect, + }, + { + title: Key.SmartContract, + to: WebsitePaths.SmartContracts, + }, +]; +const usefulLinksToLinkInfo: ALink[] = [ + { + title: Key.Wiki, + to: WebsitePaths.Wiki, + }, + { + title: Key.Github, + to: constants.URL_GITHUB_ORG, + shouldOpenInNewTab: true, + }, + { + title: Key.Whitepaper, + to: WebsitePaths.Whitepaper, + shouldOpenInNewTab: true, + }, +]; + +interface DevelopersDropDownProps { + location: Location; +} + +interface DevelopersDropDownState {} + +export class DevelopersDropDown extends React.Component { + public render(): React.ReactNode { + const activeNode = ( + + Developers + + ); + return ( + + ); + } + private _renderDropdownMenu(): React.ReactNode { + const sectionPadding = '26px'; + const dropdownMenu = ( + + + + {this._renderLinkSection(gettingStartedKeyToLinkInfo1, 'Getting started')} + + {this._renderLinkSection(gettingStartedKeyToLinkInfo2)} + + + + + {this._renderLinkSection(popularDocsToLinkInfos, 'Popular docs')} + + + {this._renderLinkSection(usefulLinksToLinkInfo, 'Useful links')} + + + + + + View all documentation + + + + + ); + return dropdownMenu; + } + private _renderLinkSection(links: ALink[], title: string = ''): React.ReactNode { + const numLinks = links.length; + let i = 0; + const renderLinks = _.map(links, (link: ALink) => { + const isWikiLink = _.startsWith(link.to, WebsitePaths.Wiki) && _.includes(link.to, '#'); + const isOnWiki = this.props.location.pathname === WebsitePaths.Wiki; + let to = link.to; + if (isWikiLink && isOnWiki) { + to = `${link.to.split('#')[1]}`; + } + i++; + const isLast = i === numLinks; + // const linkText = this.props.translate.get(link.title as Key, Deco.Cap); + const linkText = link.title; + return ( + + + + {linkText} + + + + ); + }); + return ( + + + {!_.isEmpty(title) && ( + + {title} + + )} + + {renderLinks} + + ); + } +} -- cgit v1.2.3 From beffcd990cb73655ea97cc61727a9c1bde359b97 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Mon, 10 Dec 2018 19:13:52 +0100 Subject: WIP Updates dropdown menus --- packages/website/ts/@next/components/dropdowns/mock.tsx | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 packages/website/ts/@next/components/dropdowns/mock.tsx (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/mock.tsx b/packages/website/ts/@next/components/dropdowns/mock.tsx new file mode 100644 index 000000000..9ead533d6 --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/mock.tsx @@ -0,0 +1,5 @@ +import * as React from 'react'; + +export const Dropdown = () => ( +
Dropdown menu placeholder
+); -- cgit v1.2.3 From e18be3160e5d35f478157d525e8ec9f91d06fe38 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Mon, 10 Dec 2018 20:02:28 +0100 Subject: WIP dropdown header --- .../components/dropdowns/dropdown_developers.tsx | 37 ++++++++++++++++++++ .../components/dropdowns/dropdown_products.tsx | 39 ++++++++++++++++++++++ 2 files changed, 76 insertions(+) create mode 100644 packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx create mode 100644 packages/website/ts/@next/components/dropdowns/dropdown_products.tsx (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx new file mode 100644 index 000000000..a9cfed538 --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -0,0 +1,37 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import {Link} from 'react-router-dom'; +import {WrapGrid} from 'ts/@next/components/layout'; +import {Heading} from 'ts/@next/components/text'; + +export const DropdownDevelopers = () => ( + <> + + + Getting Started + + + + Build a relayer + Develop on Ethereum + Make & take orders + Use networked liquidity + + + + + asdf + + +); + +const Wrap = styled.div` + padding: 15px 30px; +`; + +const StyledLink = styled(Link)` + width: calc(50% - 15px); + flex-shrink: 0; + color: #000000; +`; diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx new file mode 100644 index 000000000..366c00a1e --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -0,0 +1,39 @@ +import * as React from 'react'; +import styled from 'styled-components'; +import {Heading, Paragraph} from 'ts/@next/components/text'; + +export const DropdownProducts = () => ( + +
  • + + 0x Instant + + + + Simple crypto purchasing + +
    • + +
  • + + 0x Launch Kit + + + + Build on the 0x protocol + +
    • + +
  • + + Extensions + +
    • +     +); + +const List = styled.ul` + li { + padding: 15px 30px; + } +`; -- cgit v1.2.3 From cb2b45bf043b4dd39f656be295c3823988b63a08 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Tue, 11 Dec 2018 10:59:37 +0100 Subject: Loop through products dropdown data --- .../components/dropdowns/dropdown_products.tsx | 54 ++++++++++++---------- 1 file changed, 30 insertions(+), 24 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 366c00a1e..83d554f03 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -1,34 +1,40 @@ +import * as _ from 'lodash'; import * as React from 'react'; import styled from 'styled-components'; import {Heading, Paragraph} from 'ts/@next/components/text'; +const navData = [ + { + title: '0x Instant', + description: 'Simple crypto purchasing', + url: '#', + }, + { + title: '0x Launch kit', + description: 'Build on the 0x protocol', + url: '#', + }, + { + title: 'Extensions', + url: '#', + }, +]; + export const DropdownProducts = () => ( -
  • - - 0x Instant - - - - Simple crypto purchasing - -
    • - -
  • - - 0x Launch Kit - - - - Build on the 0x protocol - -
    • + {_.map(navData, (item, index) => ( +
  • + + {item.title} + -
  • - - Extensions - -
    • + {item.description && + + {item.description} + + } + + ))}     ); -- cgit v1.2.3 From 86acca5e1c37bf24bef393700fbf0909b58b9df3 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Tue, 11 Dec 2018 12:11:22 +0100 Subject: WIP dropdown menus --- .../components/dropdowns/dropdown_developers.tsx | 141 +++++++++++++++++---- .../components/dropdowns/dropdown_products.tsx | 24 ++-- 2 files changed, 132 insertions(+), 33 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index a9cfed538..d87540511 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -1,37 +1,132 @@ +import * as _ from 'lodash'; import * as React from 'react'; import styled from 'styled-components'; -import {Link} from 'react-router-dom'; -import {WrapGrid} from 'ts/@next/components/layout'; +import {Link as RouterLink} from 'react-router-dom'; +import {Link} from 'ts/@next/components/button'; +import {Column, Wrap, WrapGrid} from 'ts/@next/components/layout'; import {Heading} from 'ts/@next/components/text'; +const introData = [ + { + label: 'Build a relayer', + url: '#', + }, + { + label: 'Develop on Ethereum', + url: '#', + }, + { + label: 'Make & take orders', + url: '#', + }, + { + label: 'Use networked liquidity', + url: '#', + }, +]; + +const docsData = [ + { + label: '0x.js', + url: '#', + }, + { + label: '0x Connect', + url: '#', + }, + { + label: 'Smart Contract', + url: '#', + }, +]; + +const linksData = [ + { + label: 'Wiki', + url: '#', + }, + { + label: 'Github', + url: '#', + }, + { + label: 'Whitepaper', + url: '#', + }, +]; + export const DropdownDevelopers = () => ( <> - - - Getting Started - - - - Build a relayer - Develop on Ethereum - Make & take orders - Use networked liquidity - - - - - asdf - + +
    + + Getting Started + + + + {_.map(introData, (item, index) => ( + + {item.label} + + ))} + +
    + + + + + Popular Docs + + +
      + {_.map(docsData, (item, index) => ( +
    • + + {item.label} + +
      • + ))} +
    +     + + + + Useful Links + + +
      + {_.map(linksData, (item, index) => ( +
    • + + {item.label} + +
      • + ))} +
    +     +     + + + View All Documentation + +     ); -const Wrap = styled.div` - padding: 15px 30px; +const DropdownWrap = styled.div` + padding: 15px 30px 75px 15px; +`; + +const StyledWrap = styled(Wrap)` + border-top: 1px solid #dadada; + padding-top: 20px; + margin-top: 30px; `; const StyledLink = styled(Link)` - width: calc(50% - 15px); - flex-shrink: 0; - color: #000000; + width: 100%; + position: absolute; + bottom: 0; + left: 0; `; diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 83d554f03..0271daf84 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -1,5 +1,6 @@ import * as _ from 'lodash'; import * as React from 'react'; +import {Link} from 'react-router-dom'; import styled from 'styled-components'; import {Heading, Paragraph} from 'ts/@next/components/text'; @@ -7,7 +8,7 @@ const navData = [ { title: '0x Instant', description: 'Simple crypto purchasing', - url: '#', + url: '/next/0x-instant', }, { title: '0x Launch kit', @@ -24,22 +25,25 @@ export const DropdownProducts = () => ( {_.map(navData, (item, index) => (
  • - - {item.title} - + + + {item.title} + - {item.description && - - {item.description} - - } + {item.description && + + {item.description} + + } +
    • ))}     ); const List = styled.ul` - li { + a { padding: 15px 30px; + display: block; } `; -- cgit v1.2.3 From a4d9434290bbc4c8f4424dd0fdc61cb8b1e7aa97 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Tue, 11 Dec 2018 13:33:38 +0100 Subject: Dropdown menu theming --- .../components/dropdowns/dropdown_developers.tsx | 40 ++++++++++++++++------ .../components/dropdowns/dropdown_products.tsx | 16 +++++++-- 2 files changed, 44 insertions(+), 12 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index d87540511..8cd2798ce 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -1,11 +1,16 @@ import * as _ from 'lodash'; import * as React from 'react'; -import styled from 'styled-components'; - import {Link as RouterLink} from 'react-router-dom'; +import styled, {withTheme} from 'styled-components'; + import {Link} from 'ts/@next/components/button'; import {Column, Wrap, WrapGrid} from 'ts/@next/components/layout'; import {Heading} from 'ts/@next/components/text'; +import {GlobalStyle} from 'ts/@next/constants/globalStyle'; + +interface Props { + theme: GlobalStyle; +} const introData = [ { @@ -56,11 +61,11 @@ const linksData = [ }, ]; -export const DropdownDevelopers = () => ( +export const DropdownDevelopers = withTheme((props: Props) => ( <>
    - + Getting Started @@ -75,7 +80,7 @@ export const DropdownDevelopers = () => ( - + Popular Docs @@ -91,7 +96,7 @@ export const DropdownDevelopers = () => ( - + Useful Links @@ -107,21 +112,36 @@ export const DropdownDevelopers = () => ( - + View All Documentation -); +)); const DropdownWrap = styled.div` - padding: 15px 30px 75px 15px; + padding: 15px 30px 75px 30px; + + a { + color: inherit; + } `; const StyledWrap = styled(Wrap)` - border-top: 1px solid #dadada; padding-top: 20px; margin-top: 30px; + position: relative; + + &:before { + content: ''; + width: 100%; + height: 1px; + background-color: ${props => props.theme.dropdownColor}; + opacity: 0.15; + position: absolute; + top: 0; + left:0; + } `; const StyledLink = styled(Link)` diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 0271daf84..6eb321aa6 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -1,5 +1,6 @@ import * as _ from 'lodash'; import * as React from 'react'; + import {Link} from 'react-router-dom'; import styled from 'styled-components'; import {Heading, Paragraph} from 'ts/@next/components/text'; @@ -26,12 +27,22 @@ export const DropdownProducts = () => ( {_.map(navData, (item, index) => (
  • - + {item.title} {item.description && - + {item.description} } @@ -45,5 +56,6 @@ const List = styled.ul` a { padding: 15px 30px; display: block; + color: inherit; } `; -- cgit v1.2.3 From 2471d4098fcbdc3735f77254f7f0cfcb9d597f9d Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Tue, 11 Dec 2018 14:40:55 +0100 Subject: Add missing keys --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 6 +++--- .../website/ts/@next/components/dropdowns/dropdown_products.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 8cd2798ce..532aa7314 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -71,7 +71,7 @@ export const DropdownDevelopers = withTheme((props: Props) => ( {_.map(introData, (item, index) => ( - + {item.label} ))} @@ -86,7 +86,7 @@ export const DropdownDevelopers = withTheme((props: Props) => (
      {_.map(docsData, (item, index) => ( -
    • +
    • {item.label} @@ -102,7 +102,7 @@ export const DropdownDevelopers = withTheme((props: Props) => (
        {_.map(linksData, (item, index) => ( -
      • +
      • {item.label} diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 6eb321aa6..9551dd802 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -25,7 +25,7 @@ const navData = [ export const DropdownProducts = () => ( {_.map(navData, (item, index) => ( -
      • +
      • Date: Tue, 11 Dec 2018 16:18:10 +0100 Subject: Header changes, mobile alignments --- .../components/dropdowns/dropdown_developers.tsx | 42 ++++++++++++++++++---- 1 file changed, 35 insertions(+), 7 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 532aa7314..8f5f988d5 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -65,22 +65,39 @@ export const DropdownDevelopers = withTheme((props: Props) => ( <>
        - + Getting Started - + {_.map(introData, (item, index) => ( - - {item.label} - +
      • + + {item.label} + +
        • ))} - +
    • - + Popular Docs @@ -125,6 +142,17 @@ const DropdownWrap = styled.div` a { color: inherit; } + + li { + margin: 8px 0; + } +`; + +const StyledGrid = styled(WrapGrid.withComponent('ul'))` + li { + width: 50%; + flex-shrink: 0; + } `; const StyledWrap = styled(Wrap)` -- cgit v1.2.3 From 5df160ffb9099a0d27415a21650fa93f687ea8e3 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Wed, 12 Dec 2018 13:08:31 +0100 Subject: Remove old dropdown --- .../components/dropdowns/developers_drop_down.tsx | 159 --------------------- 1 file changed, 159 deletions(-) delete mode 100644 packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx deleted file mode 100644 index bf75c3b92..000000000 --- a/packages/website/ts/@next/components/dropdowns/developers_drop_down.tsx +++ /dev/null @@ -1,159 +0,0 @@ -import { ALink, Link } from '@0x/react-shared'; -import * as _ from 'lodash'; -import * as React from 'react'; - -import { colors } from 'ts/style/colors'; -import { Container } from 'ts/components/ui/container'; -import { DropDown } from 'ts/components/ui/drop_down'; -import { Heading, Paragraph } from 'ts/@next/components/text'; -import { Deco, Key, WebsitePaths } from 'ts/types'; -import { constants } from 'ts/utils/constants'; -import { Translate } from 'ts/utils/translate'; - -const gettingStartedKeyToLinkInfo1: ALink[] = [ - { - title: Key.BuildARelayer, - to: `${WebsitePaths.Wiki}#Build-A-Relayer`, - }, - { - title: Key.OrderBasics, - to: `${WebsitePaths.Wiki}#Create,-Validate,-Fill-Order`, - }, -]; -const gettingStartedKeyToLinkInfo2: ALink[] = [ - { - title: Key.DevelopOnEthereum, - to: `${WebsitePaths.Wiki}#Ethereum-Development`, - }, - { - title: Key.UseNetworkedLiquidity, - to: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`, - }, -]; -const popularDocsToLinkInfos: ALink[] = [ - { - title: Key.ZeroExJs, - to: WebsitePaths.ZeroExJs, - }, - { - title: Key.Connect, - to: WebsitePaths.Connect, - }, - { - title: Key.SmartContract, - to: WebsitePaths.SmartContracts, - }, -]; -const usefulLinksToLinkInfo: ALink[] = [ - { - title: Key.Wiki, - to: WebsitePaths.Wiki, - }, - { - title: Key.Github, - to: constants.URL_GITHUB_ORG, - shouldOpenInNewTab: true, - }, - { - title: Key.Whitepaper, - to: WebsitePaths.Whitepaper, - shouldOpenInNewTab: true, - }, -]; - -interface DevelopersDropDownProps { - location: Location; -} - -interface DevelopersDropDownState {} - -export class DevelopersDropDown extends React.Component { - public render(): React.ReactNode { - const activeNode = ( - - Developers - - ); - return ( - - ); - } - private _renderDropdownMenu(): React.ReactNode { - const sectionPadding = '26px'; - const dropdownMenu = ( - - - - {this._renderLinkSection(gettingStartedKeyToLinkInfo1, 'Getting started')} - - {this._renderLinkSection(gettingStartedKeyToLinkInfo2)} - - - - - {this._renderLinkSection(popularDocsToLinkInfos, 'Popular docs')} - - - {this._renderLinkSection(usefulLinksToLinkInfo, 'Useful links')} - - - - - - View all documentation - - - - - ); - return dropdownMenu; - } - private _renderLinkSection(links: ALink[], title: string = ''): React.ReactNode { - const numLinks = links.length; - let i = 0; - const renderLinks = _.map(links, (link: ALink) => { - const isWikiLink = _.startsWith(link.to, WebsitePaths.Wiki) && _.includes(link.to, '#'); - const isOnWiki = this.props.location.pathname === WebsitePaths.Wiki; - let to = link.to; - if (isWikiLink && isOnWiki) { - to = `${link.to.split('#')[1]}`; - } - i++; - const isLast = i === numLinks; - // const linkText = this.props.translate.get(link.title as Key, Deco.Cap); - const linkText = link.title; - return ( - - - - {linkText} - - - - ); - }); - return ( - - - {!_.isEmpty(title) && ( - - {title} - - )} - - {renderLinks} - - ); - } -} -- cgit v1.2.3 From 5bd185e8319f654d1691b021d38c934983a1f107 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Thu, 13 Dec 2018 10:54:18 +0100 Subject: Adds images in instant page --- .../components/dropdowns/dropdown_developers.tsx | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 8f5f988d5..933ee7034 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -15,49 +15,49 @@ interface Props { const introData = [ { label: 'Build a relayer', - url: '#', + url: 'https://0xproject.com/wiki#Build-A-Relayer', }, { label: 'Develop on Ethereum', - url: '#', + url: 'https://0xproject.com/wiki#Ethereum-Development', }, { label: 'Make & take orders', - url: '#', + url: 'https://0xproject.com/wiki#Create,-Validate,-Fill-Order', }, { label: 'Use networked liquidity', - url: '#', + url: 'https://0xproject.com/wiki#Find,-Submit,-Fill-Order-From-Relayer', }, ]; const docsData = [ { label: '0x.js', - url: '#', + url: 'https://0xproject.com/docs/0x.js', }, { label: '0x Connect', - url: '#', + url: 'https://0xproject.com/docs/connect', }, { label: 'Smart Contract', - url: '#', + url: 'https://0xproject.com/docs/contracts', }, ]; const linksData = [ { label: 'Wiki', - url: '#', + url: 'https://0xproject.com/wiki', }, { label: 'Github', - url: '#', + url: 'https://github.com/0xProject', }, { label: 'Whitepaper', - url: '#', + url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md', }, ]; @@ -129,7 +129,7 @@ export const DropdownDevelopers = withTheme((props: Props) => ( - + View All Documentation     -- cgit v1.2.3 From 81690d1ce508fc40ab90aff3539359efe7a93dba Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Thu, 13 Dec 2018 16:39:03 +0100 Subject: Removes component, clean up Button.tsx --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 933ee7034..8a4db2656 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import {Link as RouterLink} from 'react-router-dom'; import styled, {withTheme} from 'styled-components'; -import {Link} from 'ts/@next/components/button'; +import {Button} from 'ts/@next/components/button'; import {Column, Wrap, WrapGrid} from 'ts/@next/components/layout'; import {Heading} from 'ts/@next/components/text'; import {GlobalStyle} from 'ts/@next/constants/globalStyle'; @@ -172,7 +172,7 @@ const StyledWrap = styled(Wrap)` } `; -const StyledLink = styled(Link)` +const StyledLink = styled(Button)` width: 100%; position: absolute; bottom: 0; -- cgit v1.2.3 From 803086da5769c7cad2b4bbb80496ea58b353e5b8 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Thu, 13 Dec 2018 17:27:40 +0100 Subject: Cleans up as much as old layout --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 8 ++++---- packages/website/ts/@next/components/dropdowns/mock.tsx | 5 ----- 2 files changed, 4 insertions(+), 9 deletions(-) delete mode 100644 packages/website/ts/@next/components/dropdowns/mock.tsx (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 8a4db2656..317302d44 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -4,7 +4,7 @@ import {Link as RouterLink} from 'react-router-dom'; import styled, {withTheme} from 'styled-components'; import {Button} from 'ts/@next/components/button'; -import {Column, Wrap, WrapGrid} from 'ts/@next/components/layout'; +import {Column, FlexWrap, WrapGrid} from 'ts/@next/components/newLayout'; import {Heading} from 'ts/@next/components/text'; import {GlobalStyle} from 'ts/@next/constants/globalStyle'; @@ -90,7 +90,7 @@ export const DropdownDevelopers = withTheme((props: Props) => ( - + ( - + Useful Links @@ -155,7 +155,7 @@ const StyledGrid = styled(WrapGrid.withComponent('ul'))` } `; -const StyledWrap = styled(Wrap)` +const StyledWrap = styled(FlexWrap)` padding-top: 20px; margin-top: 30px; position: relative; diff --git a/packages/website/ts/@next/components/dropdowns/mock.tsx b/packages/website/ts/@next/components/dropdowns/mock.tsx deleted file mode 100644 index 9ead533d6..000000000 --- a/packages/website/ts/@next/components/dropdowns/mock.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; - -export const Dropdown = () => ( -
    Dropdown menu placeholder
    -); -- cgit v1.2.3 From 66480ccb1e0dc72e6716060ab472b7584bfa910c Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Fri, 14 Dec 2018 11:26:59 +0100 Subject: Linting fixes --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 317302d44..82e79a23b 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -113,7 +113,13 @@ export const DropdownDevelopers = withTheme((props: Props) => (     - + Useful Links -- cgit v1.2.3 From f179dc3ca78a5fa04b301ea0a0b6633514e1d8c0 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Fri, 14 Dec 2018 13:28:24 +0100 Subject: Hide extensions from product menu --- .../website/ts/@next/components/dropdowns/dropdown_products.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 9551dd802..881918899 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -16,10 +16,10 @@ const navData = [ description: 'Build on the 0x protocol', url: '#', }, - { - title: 'Extensions', - url: '#', - }, + // { + // title: 'Extensions', + // url: '#', + // }, ]; export const DropdownProducts = () => ( -- cgit v1.2.3 From b07892bb48475e461e07926315a2e43ea5cfb46f Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Fri, 14 Dec 2018 21:33:08 +0100 Subject: Type fixes --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 6 +++--- .../website/ts/@next/components/dropdowns/dropdown_products.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 82e79a23b..791eae242 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -5,11 +5,11 @@ import styled, {withTheme} from 'styled-components'; import {Button} from 'ts/@next/components/button'; import {Column, FlexWrap, WrapGrid} from 'ts/@next/components/newLayout'; +import {ThemeValuesInterface} from 'ts/@next/components/siteWrap'; import {Heading} from 'ts/@next/components/text'; -import {GlobalStyle} from 'ts/@next/constants/globalStyle'; interface Props { - theme: GlobalStyle; + theme: ThemeValuesInterface; } const introData = [ @@ -61,7 +61,7 @@ const linksData = [ }, ]; -export const DropdownDevelopers = withTheme((props: Props) => ( +export const DropdownDevelopers: React.FunctionComponent = withTheme((props: Props) => ( <>
    diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 881918899..4bf82efb8 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -22,7 +22,7 @@ const navData = [ // }, ]; -export const DropdownProducts = () => ( +export const DropdownProducts: React.FunctionComponent<{}> = () => ( {_.map(navData, (item, index) => (
  • -- cgit v1.2.3 From b9fa158092c0179d41f5cf7b4f62eec95dd7f4f6 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Fri, 14 Dec 2018 23:03:45 +0100 Subject: Update links and routes --- .../website/ts/@next/components/dropdowns/dropdown_products.tsx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 4bf82efb8..1677d3c08 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -4,22 +4,19 @@ import * as React from 'react'; import {Link} from 'react-router-dom'; import styled from 'styled-components'; import {Heading, Paragraph} from 'ts/@next/components/text'; +import { WebsitePaths } from 'ts/types'; const navData = [ { title: '0x Instant', description: 'Simple crypto purchasing', - url: '/next/0x-instant', + url: WebsitePaths.Instant, }, { title: '0x Launch kit', description: 'Build on the 0x protocol', - url: '#', + url: WebsitePaths.LaunchKit, }, - // { - // title: 'Extensions', - // url: '#', - // }, ]; export const DropdownProducts: React.FunctionComponent<{}> = () => ( -- cgit v1.2.3 From 51b1cab72a80b8ef05038ecf392d9c72b8d4294e Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Fri, 14 Dec 2018 14:46:05 -0800 Subject: fix(website) replace 0xproject.com with 0x.org --- .../@next/components/dropdowns/dropdown_developers.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index 791eae242..dfd351d32 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -15,41 +15,41 @@ interface Props { const introData = [ { label: 'Build a relayer', - url: 'https://0xproject.com/wiki#Build-A-Relayer', + url: 'https://0x.org/wiki#Build-A-Relayer', }, { label: 'Develop on Ethereum', - url: 'https://0xproject.com/wiki#Ethereum-Development', + url: 'https://0x.org/wiki#Ethereum-Development', }, { label: 'Make & take orders', - url: 'https://0xproject.com/wiki#Create,-Validate,-Fill-Order', + url: 'https://0x.org/wiki#Create,-Validate,-Fill-Order', }, { label: 'Use networked liquidity', - url: 'https://0xproject.com/wiki#Find,-Submit,-Fill-Order-From-Relayer', + url: 'https://0x.org/wiki#Find,-Submit,-Fill-Order-From-Relayer', }, ]; const docsData = [ { label: '0x.js', - url: 'https://0xproject.com/docs/0x.js', + url: 'https://0x.org/docs/0x.js', }, { label: '0x Connect', - url: 'https://0xproject.com/docs/connect', + url: 'https://0x.org/docs/connect', }, { label: 'Smart Contract', - url: 'https://0xproject.com/docs/contracts', + url: 'https://0x.org/docs/contracts', }, ]; const linksData = [ { label: 'Wiki', - url: 'https://0xproject.com/wiki', + url: 'https://0x.org/wiki', }, { label: 'Github', @@ -135,7 +135,7 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro - + View All Documentation -- cgit v1.2.3 From cce07acf9a05774b27c19322650aba7648c1a76d Mon Sep 17 00:00:00 2001 From: fragosti Date: Mon, 17 Dec 2018 13:14:49 -0800 Subject: feat: update developer dropdown links --- .../components/dropdowns/dropdown_developers.tsx | 77 ++++++++-------------- 1 file changed, 29 insertions(+), 48 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index dfd351d32..eaf2351c2 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -1,12 +1,13 @@ import * as _ from 'lodash'; import * as React from 'react'; -import {Link as RouterLink} from 'react-router-dom'; -import styled, {withTheme} from 'styled-components'; +import { Link as RouterLink } from 'react-router-dom'; +import styled, { withTheme } from 'styled-components'; -import {Button} from 'ts/@next/components/button'; -import {Column, FlexWrap, WrapGrid} from 'ts/@next/components/newLayout'; -import {ThemeValuesInterface} from 'ts/@next/components/siteWrap'; -import {Heading} from 'ts/@next/components/text'; +import { Button } from 'ts/@next/components/button'; +import { Column, FlexWrap, WrapGrid } from 'ts/@next/components/newLayout'; +import { ThemeValuesInterface } from 'ts/@next/components/siteWrap'; +import { Heading } from 'ts/@next/components/text'; +import { WebsitePaths } from 'ts/types'; interface Props { theme: ThemeValuesInterface; @@ -15,48 +16,48 @@ interface Props { const introData = [ { label: 'Build a relayer', - url: 'https://0x.org/wiki#Build-A-Relayer', + url: `${WebsitePaths.Wiki}#Build-A-Relayer`, }, { label: 'Develop on Ethereum', - url: 'https://0x.org/wiki#Ethereum-Development', + url: `${WebsitePaths.Wiki}#Ethereum-Development`, }, { label: 'Make & take orders', - url: 'https://0x.org/wiki#Create,-Validate,-Fill-Order', + url: `${WebsitePaths.Wiki}#Create,-Validate,-Fill-Order`, }, { label: 'Use networked liquidity', - url: 'https://0x.org/wiki#Find,-Submit,-Fill-Order-From-Relayer', + url: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`, }, ]; const docsData = [ { label: '0x.js', - url: 'https://0x.org/docs/0x.js', + url: WebsitePaths.ZeroExJs, }, { label: '0x Connect', - url: 'https://0x.org/docs/connect', + url: WebsitePaths.Connect, }, { label: 'Smart Contract', - url: 'https://0x.org/docs/contracts', + url: WebsitePaths.SmartContracts, }, ]; const linksData = [ { label: 'Wiki', - url: 'https://0x.org/wiki', + url: WebsitePaths.Wiki, }, { label: 'Github', url: 'https://github.com/0xProject', }, { - label: 'Whitepaper', + label: 'Protocol specification', url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md', }, ]; @@ -65,23 +66,14 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro <>
    - + Getting Started {_.map(introData, (item, index) => (
  • - + {item.label}
    • @@ -91,51 +83,40 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro - + Popular Docs
      {_.map(docsData, (item, index) => (
    • - - {item.label} - + {item.label}
      • ))}
    - + Useful Links
      {_.map(linksData, (item, index) => (
    • - - {item.label} - + {item.label}
      • ))}
    - + View All Documentation @@ -174,7 +155,7 @@ const StyledWrap = styled(FlexWrap)` opacity: 0.15; position: absolute; top: 0; - left:0; + left: 0; } `; -- cgit v1.2.3 From 9df0ae90bc98a80100cb254341d124568edd061e Mon Sep 17 00:00:00 2001 From: fragosti Date: Mon, 17 Dec 2018 13:28:49 -0800 Subject: feat: use react-shared Link component --- .../components/dropdowns/dropdown_developers.tsx | 30 +++++++++++++++------- 1 file changed, 21 insertions(+), 9 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index eaf2351c2..acd5cb0ce 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -1,6 +1,6 @@ +import { Link } from '@0x/react-shared'; import * as _ from 'lodash'; import * as React from 'react'; -import { Link as RouterLink } from 'react-router-dom'; import styled, { withTheme } from 'styled-components'; import { Button } from 'ts/@next/components/button'; @@ -13,7 +13,13 @@ interface Props { theme: ThemeValuesInterface; } -const introData = [ +interface LinkConfig { + label: string; + url: string; + shouldOpenInNewTab?: boolean; +} + +const introData: LinkConfig[] = [ { label: 'Build a relayer', url: `${WebsitePaths.Wiki}#Build-A-Relayer`, @@ -32,7 +38,7 @@ const introData = [ }, ]; -const docsData = [ +const docsData: LinkConfig[] = [ { label: '0x.js', url: WebsitePaths.ZeroExJs, @@ -47,7 +53,7 @@ const docsData = [ }, ]; -const linksData = [ +const linksData: LinkConfig[] = [ { label: 'Wiki', url: WebsitePaths.Wiki, @@ -55,10 +61,12 @@ const linksData = [ { label: 'Github', url: 'https://github.com/0xProject', + shouldOpenInNewTab: true, }, { label: 'Protocol specification', url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md', + shouldOpenInNewTab: true, }, ]; @@ -73,9 +81,9 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro {_.map(introData, (item, index) => (
  • - + {item.label} - +
    • ))}     @@ -90,7 +98,9 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro
      {_.map(docsData, (item, index) => (
    • - {item.label} + + {item.label} +
      • ))}
    @@ -104,7 +114,9 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro
      {_.map(linksData, (item, index) => (
    • - {item.label} + + {item.label} +
      • ))}
    @@ -112,7 +124,7 @@ export const DropdownDevelopers: React.FunctionComponent = withTheme((pro Date: Mon, 17 Dec 2018 15:12:54 -0800 Subject: feat: fix footer links --- .../website/ts/@next/components/dropdowns/dropdown_developers.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx index acd5cb0ce..96d88846b 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -8,6 +8,7 @@ import { Column, FlexWrap, WrapGrid } from 'ts/@next/components/newLayout'; import { ThemeValuesInterface } from 'ts/@next/components/siteWrap'; import { Heading } from 'ts/@next/components/text'; import { WebsitePaths } from 'ts/types'; +import { constants } from 'ts/utils/constants'; interface Props { theme: ThemeValuesInterface; @@ -60,12 +61,12 @@ const linksData: LinkConfig[] = [ }, { label: 'Github', - url: 'https://github.com/0xProject', + url: constants.URL_GITHUB_ORG, shouldOpenInNewTab: true, }, { label: 'Protocol specification', - url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md', + url: constants.URL_PROTOCOL_SPECIFICATION, shouldOpenInNewTab: true, }, ]; -- cgit v1.2.3 From 031eb8d6a0a59a50c43d4604199857978662ee5e Mon Sep 17 00:00:00 2001 From: Steve Klebanoff Date: Mon, 17 Dec 2018 16:02:16 -0800 Subject: Prettify dropdown --- .../components/dropdowns/dropdown_products.tsx | 42 +++++++++------------- 1 file changed, 16 insertions(+), 26 deletions(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index 1677d3c08..d31fb56a3 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -1,22 +1,22 @@ import * as _ from 'lodash'; import * as React from 'react'; -import {Link} from 'react-router-dom'; +import { Link } from 'react-router-dom'; import styled from 'styled-components'; -import {Heading, Paragraph} from 'ts/@next/components/text'; +import { Heading, Paragraph } from 'ts/@next/components/text'; import { WebsitePaths } from 'ts/types'; const navData = [ - { - title: '0x Instant', - description: 'Simple crypto purchasing', - url: WebsitePaths.Instant, - }, - { - title: '0x Launch kit', - description: 'Build on the 0x protocol', - url: WebsitePaths.LaunchKit, - }, + { + title: '0x Instant', + description: 'Simple crypto purchasing', + url: WebsitePaths.Instant, + }, + { + title: '0x Launch kit', + description: 'Build on the 0x protocol', + url: WebsitePaths.LaunchKit, + }, ]; export const DropdownProducts: React.FunctionComponent<{}> = () => ( @@ -24,25 +24,15 @@ export const DropdownProducts: React.FunctionComponent<{}> = () => ( {_.map(navData, (item, index) => (
  • - + {item.title} - {item.description && - + {item.description && ( + {item.description} - } + )}
    • ))} -- cgit v1.2.3 From c385627030f837718bed36727b906b8a5ece05da Mon Sep 17 00:00:00 2001 From: Steve Klebanoff Date: Mon, 17 Dec 2018 16:02:25 -0800 Subject: Capitalize K in Launch Kit --- packages/website/ts/@next/components/dropdowns/dropdown_products.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/website/ts/@next/components/dropdowns') diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx index d31fb56a3..886cee44a 100644 --- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -13,7 +13,7 @@ const navData = [ url: WebsitePaths.Instant, }, { - title: '0x Launch kit', + title: '0x Launch Kit', description: 'Build on the 0x protocol', url: WebsitePaths.LaunchKit, }, -- cgit v1.2.3