diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 19:11:22 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 19:11:22 +0800 |
commit | 86acca5e1c37bf24bef393700fbf0909b58b9df3 (patch) | |
tree | 5837b78a7ac5a0279b2737aff4fe9afa7d4692d7 /packages/website/ts/@next/components/dropdowns/dropdown_products.tsx | |
parent | cb2b45bf043b4dd39f656be295c3823988b63a08 (diff) | |
download | dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.gz dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.bz2 dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.lz dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.xz dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.zst dexon-sol-tools-86acca5e1c37bf24bef393700fbf0909b58b9df3.zip |
WIP dropdown menus
Diffstat (limited to 'packages/website/ts/@next/components/dropdowns/dropdown_products.tsx')
-rw-r--r-- | packages/website/ts/@next/components/dropdowns/dropdown_products.tsx | 24 |
1 files changed, 14 insertions, 10 deletions
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 = () => ( <List> {_.map(navData, (item, index) => ( <li> - <Heading color="#000000" isNoMargin={true} size="small"> - {item.title} - </Heading> + <Link to={item.url}> + <Heading color="#000000" isNoMargin={true} size="small"> + {item.title} + </Heading> - {item.description && - <Paragraph color="#5d5d5d" isNoMargin={true} size="small"> - {item.description} - </Paragraph> - } + {item.description && + <Paragraph color="#5d5d5d" isNoMargin={true} size="small"> + {item.description} + </Paragraph> + } + </Link> </li> ))} </List> ); const List = styled.ul` - li { + a { padding: 15px 30px; + display: block; } `; |