From 20c256fc771939310d7d09b2df4d836b3d41a6a9 Mon Sep 17 00:00:00 2001
From: Daniel Ternyak <dternyak@gmail.com>
Date: Wed, 26 Apr 2017 23:03:46 -0500
Subject: [PATCH] add route linking to tabs

---
 .../Header/components/TabsOptions.jsx         | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/common/components/Header/components/TabsOptions.jsx b/common/components/Header/components/TabsOptions.jsx
index 39e58538..8a532e04 100644
--- a/common/components/Header/components/TabsOptions.jsx
+++ b/common/components/Header/components/TabsOptions.jsx
@@ -1,12 +1,14 @@
 import React, {Component} from "react";
+import {Link} from "react-router";
+
 
 const tabs = [
-    {"name": "Generate Wallet"},
+    {"name": "Generate Wallet", "link": "/"},
     {"name": "Send Ether & Tokens"},
     {"name": "Swap"},
     {"name": "Send Offline"},
     {"name": "Contracts"},
-    {"name": "View Wallet"},
+    {"name": "View Wallet", "link": "view-wallet"},
     {"name": "Help"}
 
 ]
@@ -40,13 +42,16 @@ export default class TabsOptions extends Component {
                         <ul className="nav-inner">
                             {tabs.map((object, i) => {
                                     return (
-                                        <li className="nav-item"
-                                            key={i}
-                                            onClick={this.tabClick(i)}>
-                                            <a tabIndex="0" aria-label="nav item: {{tab.name | translate}}">
-                                                {object.name}
-                                            </a>
-                                        </li>
+                                        <Link to={object.link}>
+                                            <li className="nav-item"
+                                                key={i}
+                                                onClick={this.tabClick(i)}>
+                                                <a tabIndex="0" aria-label="nav item: {{tab.name | translate}}">
+                                                    {object.name}
+                                                </a>
+                                            </li>
+                                        </Link>
+
                                     )
                                 }
                             )}