From e69d2bb54a17110c9801f945cb8f9d1f7e98717d Mon Sep 17 00:00:00 2001
From: David Sun <davidsun@Davids-MacBook-Pro-2.local>
Date: Tue, 23 Jul 2019 10:06:39 -0700
Subject: [PATCH] Add FAQ link to vote page

---
 .../ts/pages/governance/vote_index.tsx        | 31 +++++++++++++++++--
 packages/website/ts/utils/constants.ts        |  2 ++
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/packages/website/ts/pages/governance/vote_index.tsx b/packages/website/ts/pages/governance/vote_index.tsx
index aedd63167d..bc974c7dbf 100644
--- a/packages/website/ts/pages/governance/vote_index.tsx
+++ b/packages/website/ts/pages/governance/vote_index.tsx
@@ -3,6 +3,7 @@ import * as _ from 'lodash';
 import * as React from 'react';
 import styled from 'styled-components';
 
+import { Button } from 'ts/components/button';
 import { DocumentTitle } from 'ts/components/document_title';
 import { Column, Section } from 'ts/components/newLayout';
 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 { TallyInterface } from 'ts/types';
 import { configs } from 'ts/utils/configs';
+import { constants } from 'ts/utils/constants';
 import { documentConstants } from 'ts/utils/document_meta_constants';
 import { utils } from 'ts/utils/utils';
 
@@ -48,9 +50,22 @@ export class VoteIndex extends React.Component<VoteIndexProps, VoteIndexState> {
                         <Heading size="medium" isCentered={true}>
                             0x Protocol Governance
                         </Heading>
-                        <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
-                            Vote on 0x Improvement Proposals (ZEIPs) using ZRX tokens
-                        </Paragraph>
+                        <SubtitleContentWrap>
+                            <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
+                                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>
                 </Section>
                 <VoteIndexCardWrapper>
@@ -111,3 +126,13 @@ export class VoteIndex extends React.Component<VoteIndexProps, VoteIndexState> {
 const VoteIndexCardWrapper = styled.div`
     margin-bottom: 150px;
 `;
+
+const SubtitleContentWrap = styled.div`
+    & > * {
+        display: inline;
+    }
+`;
+
+const ButtonWrapper = styled.div`
+    margin-left: 0.5rem;
+`;
diff --git a/packages/website/ts/utils/constants.ts b/packages/website/ts/utils/constants.ts
index 5edf1822d5..9b6475f537 100644
--- a/packages/website/ts/utils/constants.ts
+++ b/packages/website/ts/utils/constants.ts
@@ -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_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_VOTE_FAQ:
+        'https://blog.0xproject.com/vote-with-zrx-to-add-support-for-erc-1155-and-the-staticcallassetproxy-49a855807bcd#967f',
     DEVELOPER_TOPBAR_LINKS: [
         {
             title: Key.Wiki,