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/website/ts/@next/components/dropdowns/dropdown_products.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/website/ts/@next/components/dropdowns/dropdown_products.tsx')
-rw-r--r-- | packages/website/ts/@next/components/dropdowns/dropdown_products.tsx | 48 |
1 files changed, 48 insertions, 0 deletions
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..886cee44a --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx @@ -0,0 +1,48 @@ +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'; +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, + }, +]; + +export const DropdownProducts: React.FunctionComponent<{}> = () => ( + <List> + {_.map(navData, (item, index) => ( + <li key={`productLink-${index}`}> + <Link to={item.url}> + <Heading asElement="h3" color="inherit" isNoMargin={true} size="small"> + {item.title} + </Heading> + + {item.description && ( + <Paragraph color="inherit" isNoMargin={true} size="small" isMuted={0.5}> + {item.description} + </Paragraph> + )} + </Link> + </li> + ))} + </List> +); + +const List = styled.ul` + a { + padding: 15px 30px; + display: block; + color: inherit; + } +`; |