diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-18 08:02:16 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-18 08:02:16 +0800 |
| commit | 031eb8d6a0a59a50c43d4604199857978662ee5e (patch) | |
| tree | 20d4d445f893cae33763ed2a2a5dcd159a815b00 | |
| parent | c5f85a365bc9f478de03229d362463b489f7b0d3 (diff) | |
| download | dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.gz dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.zst dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.zip | |
Prettify dropdown
| -rw-r--r-- | packages/website/ts/@next/components/dropdowns/dropdown_products.tsx | 42 |
1 files changed, 16 insertions, 26 deletions
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) => ( <li key={`productLink-${index}`}> <Link to={item.url}> - <Heading - asElement="h3" - color="inherit" - isNoMargin={true} - size="small" - > + <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 color="inherit" isNoMargin={true} size="small" isMuted={0.5}> {item.description} </Paragraph> - } + )} </Link> </li> ))} |