From 9f7aeca1c561cdb605c6c83f99f75148a68b1d8b Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Thu, 22 Dec 2016 11:37:32 +0100
Subject: [PATCH] Add help link

---
 src/components/Toolbar.jsx | 39 +++++++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/Toolbar.jsx b/src/components/Toolbar.jsx
index d20810a..fde9b1e 100644
--- a/src/components/Toolbar.jsx
+++ b/src/components/Toolbar.jsx
@@ -27,12 +27,28 @@ const IconText = props => <span style={{ paddingLeft: margins[0] }}>
   {props.children}
 </span>
 
+const actionStyle = {
+  display: "inline-block",
+  padding: margins[1],
+  fontSize: fontSizes[4],
+  cursor: "pointer",
+color: colors.white,
+  textDecoration: 'none',
+}
+
+const ToolbarLink = props => <a
+  href={props.href}
+  target={"blank"}
+  style={{
+    ...actionStyle,
+    ...props.style,
+  }}>
+  {props.children}
+</a>
+
 const ToolbarAction = props => <a onClick={props.onClick}
   style={{
-    display: "inline-block",
-    padding: margins[1],
-    fontSize: fontSizes[4],
-    cursor: "pointer",
+    ...actionStyle,
     ...props.style,
   }}>
   {props.children}
@@ -60,16 +76,6 @@ export default class Toolbar extends React.Component {
     }
   }
 
-  saveButton() {
-    if(this.props.mapStyle.layers.length > 0) {
-      return <ToolbarAction onClick={this.props.onStyleSave} big={true}>
-        <MdSave />
-        <IconText>Save</IconText>
-      </ToolbarAction>
-    }
-    return null
-  }
-
   downloadButton() {
     return <ToolbarAction onClick={this.props.onStyleDownload} big={true}>
       <MdFileDownload />
@@ -128,7 +134,6 @@ export default class Toolbar extends React.Component {
         <IconText>Open</IconText>
       </ToolbarAction>
       {this.downloadButton()}
-      {this.saveButton()}
       <ToolbarAction onClick={this.toggleSources.bind(this)}>
         <MdLayers />
         <IconText>Sources</IconText>
@@ -141,10 +146,10 @@ export default class Toolbar extends React.Component {
         <MdFindInPage />
         <IconText>Inspect</IconText>
       </ToolbarAction>
-      <ToolbarAction onClick={this.props.onOpenAbout}>
+      <ToolbarLink href={"https://github.com/maputnik/editor/wiki"}>
         <MdHelpOutline />
         <IconText>Help</IconText>
-      </ToolbarAction>
+      </ToolbarLink>
     </div>
   }
 }