Merge pull request #1984 from 0xProject/feature/website/add-vote-faq

Add FAQ link to vote page
This commit is contained in:
David Sun 2019-07-23 10:28:50 -07:00 committed by GitHub
commit 10b7d7da3f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 3 deletions

View File

@ -3,6 +3,7 @@ import * as _ from 'lodash';
import * as React from 'react'; import * as React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { Button } from 'ts/components/button';
import { DocumentTitle } from 'ts/components/document_title'; import { DocumentTitle } from 'ts/components/document_title';
import { Column, Section } from 'ts/components/newLayout'; import { Column, Section } from 'ts/components/newLayout';
import { SiteWrap } from 'ts/components/siteWrap'; import { SiteWrap } from 'ts/components/siteWrap';
@ -11,6 +12,7 @@ import { Proposal, proposals } from 'ts/pages/governance/data';
import { VoteIndexCard } from 'ts/pages/governance/vote_index_card'; import { VoteIndexCard } from 'ts/pages/governance/vote_index_card';
import { TallyInterface } from 'ts/types'; import { TallyInterface } from 'ts/types';
import { configs } from 'ts/utils/configs'; import { configs } from 'ts/utils/configs';
import { constants } from 'ts/utils/constants';
import { documentConstants } from 'ts/utils/document_meta_constants'; import { documentConstants } from 'ts/utils/document_meta_constants';
import { utils } from 'ts/utils/utils'; import { utils } from 'ts/utils/utils';
@ -48,9 +50,22 @@ export class VoteIndex extends React.Component<VoteIndexProps, VoteIndexState> {
<Heading size="medium" isCentered={true}> <Heading size="medium" isCentered={true}>
0x Protocol Governance 0x Protocol Governance
</Heading> </Heading>
<Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0"> <SubtitleContentWrap>
Vote on 0x Improvement Proposals (ZEIPs) using ZRX tokens <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
</Paragraph> Vote on 0x Improvement Proposals (ZEIPs) using ZRX tokens.
</Paragraph>
<ButtonWrapper>
<Button
href={constants.URL_VOTE_FAQ}
isWithArrow={true}
isAccentColor={true}
shouldUseAnchorTag={true}
target="_blank"
>
FAQ
</Button>
</ButtonWrapper>
</SubtitleContentWrap>
</Column> </Column>
</Section> </Section>
<VoteIndexCardWrapper> <VoteIndexCardWrapper>
@ -111,3 +126,13 @@ export class VoteIndex extends React.Component<VoteIndexProps, VoteIndexState> {
const VoteIndexCardWrapper = styled.div` const VoteIndexCardWrapper = styled.div`
margin-bottom: 150px; margin-bottom: 150px;
`; `;
const SubtitleContentWrap = styled.div`
& > * {
display: inline;
}
`;
const ButtonWrapper = styled.div`
margin-left: 0.5rem;
`;

View File

@ -114,6 +114,8 @@ export const constants = {
URL_WEB3_PROVIDER_DOCS: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L150', URL_WEB3_PROVIDER_DOCS: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L150',
URL_BIGNUMBERJS_GITHUB: 'http://mikemcl.github.io/bignumber.js', URL_BIGNUMBERJS_GITHUB: 'http://mikemcl.github.io/bignumber.js',
URL_MISSION_AND_VALUES_BLOG_POST: 'https://blog.0xproject.com/the-0x-mission-and-values-181a58706f9f', URL_MISSION_AND_VALUES_BLOG_POST: 'https://blog.0xproject.com/the-0x-mission-and-values-181a58706f9f',
URL_VOTE_FAQ:
'https://blog.0xproject.com/vote-with-zrx-to-add-support-for-erc-1155-and-the-staticcallassetproxy-49a855807bcd#967f',
DEVELOPER_TOPBAR_LINKS: [ DEVELOPER_TOPBAR_LINKS: [
{ {
title: Key.Wiki, title: Key.Wiki,