From c6b172562a23664567f5c66e963be1be8b809154 Mon Sep 17 00:00:00 2001
From: Daniel Ternyak <dternyak@gmail.com>
Date: Tue, 23 May 2017 21:23:33 -0500
Subject: [PATCH 1/2] create initial help view

---
 .../Header/components/TabsOptions.jsx         |  3 +-
 common/containers/Tabs/Help/index.js          | 34 +++++++++++++++++++
 common/routing/index.jsx                      |  2 ++
 3 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 common/containers/Tabs/Help/index.js

diff --git a/common/components/Header/components/TabsOptions.jsx b/common/components/Header/components/TabsOptions.jsx
index 26d90b30..3b5571e3 100644
--- a/common/components/Header/components/TabsOptions.jsx
+++ b/common/components/Header/components/TabsOptions.jsx
@@ -23,7 +23,8 @@ const tabs = [
         link: 'view-wallet'
     },
     {
-        name: 'Help'
+        name: 'Help',
+        link: 'help'
     }
 ]
 
diff --git a/common/containers/Tabs/Help/index.js b/common/containers/Tabs/Help/index.js
new file mode 100644
index 00000000..d82b6765
--- /dev/null
+++ b/common/containers/Tabs/Help/index.js
@@ -0,0 +1,34 @@
+import React, {Component} from "react";
+
+export default class Help extends Component {
+    constructor(props) {
+        super(props)
+    }
+
+    render() {
+        return (
+            <section className="container" style={{minHeight: '50%'}}>
+                <div className="tab-content">
+
+                    <article className="tab-pane help active">
+                        <h1 translate="NAV_Help">Help</h1>
+                        <article className="collapse-container">
+                            <div>
+                                <ul>
+                                    <li><h3><a
+                                        href="https://www.reddit.com/r/ethereum/comments/47nkoi/psa_check_your_ethaddressorg_wallets_and_any/d0eo45o"
+                                        target="_blank"><span className="text-danger" translate="HELP_Warning">If you created a wallet -or- downloaded the repo before <strong>Dec. 31st, 2015</strong>, please check your wallets &amp;
+                                        download a new version of the repo. Click for details.</span></a></h3></li>
+                                    <li><h3>This
+                                        page is deprecated. Please check out our more up-to-date and
+                                        searchable <a href="https://myetherwallet.groovehq.com/help_center" target="_blank">Knowledge Base. </a></h3></li>
+                                </ul>
+                            </div>
+
+                        </article>
+                    </article>
+                </div>
+            </section>
+        );
+    }
+}
diff --git a/common/routing/index.jsx b/common/routing/index.jsx
index 6771cdde..81b861cc 100644
--- a/common/routing/index.jsx
+++ b/common/routing/index.jsx
@@ -4,6 +4,7 @@ import {useBasename} from "history";
 import {App} from "containers";
 import GenerateWallet from "containers/Tabs/GenerateWallet"
 import ViewWallet from "containers/Tabs/ViewWallet"
+import Help from "containers/Tabs/Help"
 
 export const history = getHistory()
 
@@ -11,6 +12,7 @@ export const Routing = () => (
     <Route name="App" path='' component={App}>
         <Route name="GenerateWallet" path="/" component={GenerateWallet}/>
         <Route name="ViewWallet" path="/view-wallet" component={ViewWallet}/>
+        <Route name="Help" path="/help" component={Help}/>
 
         <Redirect from="/*" to="/"/>
     </Route>

From 37f611ef91f69de1ef4e3fc77915e5fd1e8f51c7 Mon Sep 17 00:00:00 2001
From: Daniel Ternyak <dternyak@gmail.com>
Date: Tue, 23 May 2017 21:25:51 -0500
Subject: [PATCH 2/2] make help a stateless component

---
 common/containers/Tabs/Help/index.js | 57 ++++++++++++----------------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/common/containers/Tabs/Help/index.js b/common/containers/Tabs/Help/index.js
index d82b6765..6da85cc0 100644
--- a/common/containers/Tabs/Help/index.js
+++ b/common/containers/Tabs/Help/index.js
@@ -1,34 +1,27 @@
-import React, {Component} from "react";
+import React from "react";
 
-export default class Help extends Component {
-    constructor(props) {
-        super(props)
-    }
+const Help = () => (
+    <section className="container" style={{minHeight: '50%'}}>
+        <div className="tab-content">
+            <article className="tab-pane help active">
+                <h1 translate="NAV_Help">Help</h1>
+                <article className="collapse-container">
+                    <div>
+                        <ul>
+                            <li><h3><a
+                                href="https://www.reddit.com/r/ethereum/comments/47nkoi/psa_check_your_ethaddressorg_wallets_and_any/d0eo45o"
+                                target="_blank"><span className="text-danger" translate="HELP_Warning">If you created a wallet -or- downloaded the repo before <strong>Dec. 31st, 2015</strong>, please check your wallets &amp;
+                                download a new version of the repo. Click for details.</span></a></h3></li>
+                            <li><h3>This
+                                page is deprecated. Please check out our more up-to-date and
+                                searchable <a href="https://myetherwallet.groovehq.com/help_center" target="_blank">Knowledge
+                                    Base. </a></h3></li>
+                        </ul>
+                    </div>
+                </article>
+            </article>
+        </div>
+    </section>
+);
 
-    render() {
-        return (
-            <section className="container" style={{minHeight: '50%'}}>
-                <div className="tab-content">
-
-                    <article className="tab-pane help active">
-                        <h1 translate="NAV_Help">Help</h1>
-                        <article className="collapse-container">
-                            <div>
-                                <ul>
-                                    <li><h3><a
-                                        href="https://www.reddit.com/r/ethereum/comments/47nkoi/psa_check_your_ethaddressorg_wallets_and_any/d0eo45o"
-                                        target="_blank"><span className="text-danger" translate="HELP_Warning">If you created a wallet -or- downloaded the repo before <strong>Dec. 31st, 2015</strong>, please check your wallets &amp;
-                                        download a new version of the repo. Click for details.</span></a></h3></li>
-                                    <li><h3>This
-                                        page is deprecated. Please check out our more up-to-date and
-                                        searchable <a href="https://myetherwallet.groovehq.com/help_center" target="_blank">Knowledge Base. </a></h3></li>
-                                </ul>
-                            </div>
-
-                        </article>
-                    </article>
-                </div>
-            </section>
-        );
-    }
-}
+export default Help