crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update developer dropdown links

Browse Source
This commit is contained in:
fragosti
2018-12-17 13:14:49 -08:00
parent c0b469fdd9
commit cce07acf9a
2 changed files with 33 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx
View File

@@ -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<Props> = withTheme((pro
<>
<DropdownWrap>
<div>
<Heading
asElement="h4"
size={14}
color="inherit"
marginBottom="15px"
isMuted={0.35}
>
<Heading asElement="h4" size={14} color="inherit" marginBottom="15px" isMuted={0.35}>
Getting Started
</Heading>
<StyledGrid isCentered={false} isWrapped={true}>
{_.map(introData, (item, index) => (
<li>
<RouterLink
key={`introLink-${index}`}
to={item.url}
>
<RouterLink key={`introLink-${index}`} to={item.url}>
{item.label}
</RouterLink>
</li>
@@ -91,51 +83,40 @@ export const DropdownDevelopers: React.FunctionComponent<Props> = withTheme((pro
<StyledWrap>
<Column width="calc(100% - 15px)">
<Heading
asElement="h4"
size={14}
color="inherit"
marginBottom="15px"
isMuted={0.35}
>
<Heading asElement="h4" size={14} color="inherit" marginBottom="15px" isMuted={0.35}>
Popular Docs
</Heading>
<ul>
{_.map(docsData, (item, index) => (
<li key={`docsLink-${index}`}>
<RouterLink to={item.url}>
{item.label}
</RouterLink>
<RouterLink to={item.url}>{item.label}</RouterLink>
</li>
))}
</ul>
</Column>
<Column width="calc(100% - 15px)">
<Heading
asElement="h4"
size={14}
color="inherit"
marginBottom="15px"
isMuted={0.35}
>
<Heading asElement="h4" size={14} color="inherit" marginBottom="15px" isMuted={0.35}>
Useful Links
</Heading>
<ul>
{_.map(linksData, (item, index) => (
<li key={`usefulLink-${index}`}>
<RouterLink to={item.url}>
{item.label}
</RouterLink>
<RouterLink to={item.url}>{item.label}</RouterLink>
</li>
))}
</ul>
</Column>
</StyledWrap>
<StyledLink to="https://0x.org/docs" bgColor={props.theme.dropdownButtonBg} isAccentColor={true} isNoBorder={true}>
<StyledLink
to="https://0x.org/docs"
bgColor={props.theme.dropdownButtonBg}
isAccentColor={true}
isNoBorder={true}
>
View All Documentation
</StyledLink>
</DropdownWrap>
@@ -174,7 +155,7 @@ const StyledWrap = styled(FlexWrap)`
opacity: 0.15;
position: absolute;
top: 0;
left:0;
left: 0;
}
`;

10
yarn.lock
View File

@@ -7281,7 +7281,7 @@ ganache-core@0xProject/ganache-core#monorepo-dep:
ethereumjs-tx "0xProject/ethereumjs-tx#fake-tx-include-signature-by-default"
ethereumjs-util "^5.2.0"
ethereumjs-vm "2.3.5"
ethereumjs-wallet "0.6.0"
ethereumjs-wallet "~0.6.0"
fake-merkle-patricia-tree "~1.0.1"
heap "~0.2.6"
js-scrypt "^0.2.0"
@@ -9695,7 +9695,6 @@ jss@^9.3.3, jss@^9.7.0:
jump.js@1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/jump.js/-/jump.js-1.0.1.tgz#0de2b1631ba9a1c2c6b8572ad277d877e8503600"
integrity sha1-DeKxYxupocLGuFcq0nfYd+hQNgA=
just-extend@^1.1.27:
version "1.1.27"
@@ -13225,9 +13224,9 @@ react-flickity-component@^3.1.0:
react "^16.3.2"
react-dom "^16.3.2"
react-headroom@^2.2.4:
version "2.2.4"
resolved "https://registry.yarnpkg.com/react-headroom/-/react-headroom-2.2.4.tgz#e931bf5f91d0ea2c2fbf0f156a2b82d7db6cbe3b"
react-headroom@2.2.2:
version "2.2.2"
resolved "https://registry.npmjs.org/react-headroom/-/react-headroom-2.2.2.tgz#5ddea3bc87cd54be38f6f98c3fde4527e2a5fb0f"
dependencies:
prop-types "^15.5.8"
raf "^3.3.0"
@@ -13371,7 +13370,6 @@ react-scroll@0xproject/react-scroll#pr-330-and-replace-state:
react-scrollable-anchor@^0.6.1:
version "0.6.1"
resolved "https://registry.yarnpkg.com/react-scrollable-anchor/-/react-scrollable-anchor-0.6.1.tgz#fd6e78026c744f76414053d06903b82adccb54d9"
integrity sha1-/W54Amx0T3ZBQFPQaQO4KtzLVNk=
dependencies:
jump.js "1.0.1"
prop-types "^15.5.10"