From 79bed751ee1600dac7e51d1f88646f342d7af325 Mon Sep 17 00:00:00 2001
From: reyraa <ali@lightcurve.io>
Date: Mon, 18 Sep 2017 12:15:38 +0200
Subject: [PATCH] - Replace vote button with a link to vote tab. - Add raised
 style to Send link.

---
 src/components/dialog/dialogs.js      |  5 +++++
 src/components/voting/voting.css      |  4 ++++
 src/components/voting/votingHeader.js | 13 ++++---------
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/dialog/dialogs.js b/src/components/dialog/dialogs.js
index 739c7d883..eba2789a6 100644
--- a/src/components/dialog/dialogs.js
+++ b/src/components/dialog/dialogs.js
@@ -3,6 +3,7 @@ import RegisterDelegate from '../registerDelegate';
 import SignMessage from '../signMessage';
 import VerifyMessage from '../verifyMessage';
 import SecondPassphrase from '../secondPassphrase';
+import VoteDialog from '../voteDialog';
 
 export default {
   send: {
@@ -25,4 +26,8 @@ export default {
     title: 'Register Second Passphrase',
     component: SecondPassphrase,
   },
+  vote: {
+    title: 'Vote for delegates',
+    component: VoteDialog,
+  },
 };
diff --git a/src/components/voting/voting.css b/src/components/voting/voting.css
index f5c4ac255..0c1b805e7 100644
--- a/src/components/voting/voting.css
+++ b/src/components/voting/voting.css
@@ -94,3 +94,7 @@
 .rotated {
   transform: rotate(45deg);
 }
+
+.voteButton {
+  color: #000 !important;
+}
diff --git a/src/components/voting/votingHeader.js b/src/components/voting/votingHeader.js
index 4f702910c..0e6964a7c 100644
--- a/src/components/voting/votingHeader.js
+++ b/src/components/voting/votingHeader.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import grid from 'flexboxgrid/dist/flexboxgrid.css';
-import { Button } from 'react-toolbox/lib/button';
+import buttonStyle from 'react-toolbox/lib/button/theme.css';
 import { IconMenu, MenuItem } from 'react-toolbox/lib/menu';
 import Input from 'react-toolbox/lib/input';
 import styles from './voting.css';
 import disableStyle from './disableMenu.css';
-import VoteDialog from '../voteDialog';
+import RelativeLink from '../relativeLink';
 
 class VotingHeader extends React.Component {
   constructor() {
@@ -89,13 +89,8 @@ class VotingHeader extends React.Component {
                   publicKey: votes[username].publicKey,
                 })} />)}
           </IconMenu>
-          <Button icon='done' flat
-            className='vote-button'
-            onClick={() => this.props.setActiveDialog({
-              title: 'Vote for delegates',
-              childComponent: VoteDialog,
-            })}
-            label={this.confirmVoteText()} />
+          <RelativeLink className={`${buttonStyle.button} ${buttonStyle.primary} ${buttonStyle.flat} ${styles.voteButton} vote-button`}
+            to='vote'>{this.confirmVoteText()}</RelativeLink>
         </div>
       </header>
     );