aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-18 08:02:16 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-18 08:02:16 +0800
commit031eb8d6a0a59a50c43d4604199857978662ee5e (patch)
tree20d4d445f893cae33763ed2a2a5dcd159a815b00 /packages
parentc5f85a365bc9f478de03229d362463b489f7b0d3 (diff)
downloaddexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.gz
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.bz2
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.lz
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.xz
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.tar.zst
dexon-sol-tools-031eb8d6a0a59a50c43d4604199857978662ee5e.zip
Prettify dropdown
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/@next/components/dropdowns/dropdown_products.tsx42
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>
))}