From a4dea8ac7a98e3fb836631d51ffa7e8faf6f1d0c Mon Sep 17 00:00:00 2001
From: Andrey Okonetchnikov <andrej.okonetschnikow@gmail.com>
Date: Wed, 5 Oct 2016 18:55:35 +0200
Subject: [PATCH] Added logo as a link to dashboard. Cleaned up AppHeader a bit
 visually.

---
 src/components/AppHeader/AppHeader.css |  9 +++--
 src/components/AppHeader/AppHeader.js  | 55 +++++++++++---------------
 src/components/AppHeader/logo.svg      | 19 +++++++++
 3 files changed, 46 insertions(+), 37 deletions(-)
 create mode 100644 src/components/AppHeader/logo.svg

diff --git a/src/components/AppHeader/AppHeader.css b/src/components/AppHeader/AppHeader.css
index c1406f5d..11a4d56b 100644
--- a/src/components/AppHeader/AppHeader.css
+++ b/src/components/AppHeader/AppHeader.css
@@ -10,8 +10,9 @@
   background-color: var(--backgroundColor);
 }
 
-.createBtn {
-  position: fixed;
-  right: 2rem;
-  top: 3.5rem;
+.logo {
+  background: url('./logo.svg');
+  background-size: 100% 100%;
+  width: 32px;
+  height: 32px;
 }
diff --git a/src/components/AppHeader/AppHeader.js b/src/components/AppHeader/AppHeader.js
index c8c7363c..e33600cc 100644
--- a/src/components/AppHeader/AppHeader.js
+++ b/src/components/AppHeader/AppHeader.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import pluralize from 'pluralize';
 import { IndexLink } from 'react-router';
-import { Menu, MenuItem, Button, IconButton } from 'react-toolbox';
+import { Menu, MenuItem } from 'react-toolbox';
 import AppBar from 'react-toolbox/lib/app_bar';
 import FindBar from '../FindBar/FindBar';
 import styles from './AppHeader.css';
@@ -45,45 +45,34 @@ export default class AppHeader extends React.Component {
       <AppBar
           fixed
           theme={styles}
+          leftIcon="menu"
+          rightIcon="create"
+          onLeftIconClick={toggleNavDrawer}
+          onRightIconClick={this.handleCreateButtonClick}
       >
-        <IconButton
-            icon="menu"
-            inverse
-            onClick={toggleNavDrawer}
-        />
-        <IndexLink to="/">
-          Dashboard
-        </IndexLink>
+        <IndexLink to="/" className={styles.logo}/>
         <FindBar
             commands={commands}
             defaultCommands={defaultCommands}
             runCommand={runCommand}
         />
-        <Button
-            className={styles.createBtn}
-            icon='add'
-            floating
-            accent
-            onClick={this.handleCreateButtonClick}
-        >
-          <Menu
-              active={createMenuActive}
-              position="topRight"
-              onHide={this.handleCreateMenuHide}
-          >
-            {
-              collections.valueSeq().map(collection =>
-                <MenuItem
-                    key={collection.get('name')}
-                    value={collection.get('name')}
-                    onClick={this.handleCreatePostClick.bind(this, collection.get('name'))}
-                    caption={pluralize(collection.get('label'), 1)}
-                />
-              )
-            }
-          </Menu>
-        </Button>
 
+        <Menu
+            active={createMenuActive}
+            position="topRight"
+            onHide={this.handleCreateMenuHide}
+        >
+          {
+            collections.valueSeq().map(collection =>
+              <MenuItem
+                  key={collection.get('name')}
+                  value={collection.get('name')}
+                  onClick={this.handleCreatePostClick.bind(this, collection.get('name'))}
+                  caption={pluralize(collection.get('label'), 1)}
+              />
+            )
+          }
+        </Menu>
       </AppBar>
     );
   }
diff --git a/src/components/AppHeader/logo.svg b/src/components/AppHeader/logo.svg
new file mode 100644
index 00000000..250d79fe
--- /dev/null
+++ b/src/components/AppHeader/logo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="106px" height="109px" viewBox="0 0 106 109" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>icon</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs></defs>
+    <g id="Page 1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="netlify-logo" fill="#00c7b7">
+            <g id="Logo">
+                <g id="netlify-logo">
+                    <g id="Logo-v2">
+                        <g id="Rectangle-1">
+                            <path d="M65.2574134,95.5530056 L85.947195,74.863224 L71.5293453,71.7626112 C70.899289,72.5302831 70.0320809,73.0958813 69.0396788,73.3474478 L65.2574134,95.5530056 L65.2574134,95.5530056 Z M60.4136952,100.168224 L35.884383,64.3033677 C35.925711,64.2440056 35.966026,64.1838856 36.005303,64.1230326 L63.3109782,69.9952204 C63.5961343,71.0573463 64.2421798,71.9717091 65.109589,72.5987832 L60.4136952,100.168224 L60.4136952,100.168224 Z M73.4386285,47.5213558 C74.6273588,47.2426109 75.6603314,46.5594613 76.384486,45.6249673 L103.478264,57.3321552 L89.3144953,71.4959238 L72.5178125,67.8837339 C72.2775606,66.6128983 71.5284446,65.5219671 70.4903177,64.8307934 L73.4386285,47.5213558 L73.4386285,47.5213558 Z M69.4896575,46.8835424 C69.2864577,46.7583447 69.0924448,46.6196733 68.9088641,46.4687736 L37.1908265,60.2865326 L64.0061135,66.053261 C64.612136,65.1908269 65.499218,64.5402162 66.5342718,64.2345169 L69.4896575,46.8835424 L69.4896575,46.8835424 Z M73.8193155,21.4642598 L64.6989758,12.3439201 L53.7396892,29.501151 C54.1322847,30.1763019 54.3740127,30.950019 54.4187031,31.776132 L69.1793156,38.1541745 C69.7519314,37.7426068 70.410888,37.4436022 71.1237996,37.2895468 L73.8193155,21.4642598 L73.8193155,21.4642598 Z M77.286381,24.9313252 L86.707066,34.3520103 L76.167245,38.9436155 C75.8449089,38.578972 75.4726168,38.2595201 75.0610835,37.9959749 L77.286381,24.9313252 L77.286381,24.9313252 Z M25.3949249,57.7497796 C25.5636294,57.4485327 25.7567882,57.1628326 25.971713,56.8953677 L25.971713,56.8953677 L13.7852965,39.0773352 L0.472510981,52.3901207 L25.3949249,57.7497796 L25.3949249,57.7497796 Z M24.1977778,61.5837795 L11.5158487,67.1085803 L1.00290265,56.5956343 L24.1977778,61.5837795 L24.1977778,61.5837795 Z M29.3505853,54.7501558 C29.8155502,54.6386087 30.3009244,54.5795297 30.8000973,54.5795297 C31.4887638,54.5795297 32.1511668,54.6919769 32.7699473,54.8995122 L32.7699473,54.8995122 L45.3456524,35.2117089 C44.6588774,34.3442853 44.2488243,33.2477572 44.2488243,32.0554561 C44.2488243,31.9506194 44.2519945,31.8465231 44.2582444,31.743258 L28.1009295,24.7617022 L16.6631131,36.1995186 L29.3505853,54.7501558 L29.3505853,54.7501558 Z M57.6286845,103.181735 L52.6088437,108.201575 L22.6229707,78.2157023 L29.8574755,66.8897761 C30.1648289,66.9367298 30.4796193,66.9610814 30.8000973,66.9610814 C31.4486329,66.9610814 32.0738767,66.8613577 32.6613311,66.6764081 L57.6286845,103.181735 L57.6286845,103.181735 Z M36.7356183,56.1217499 L67.0173507,42.9297081 C67.0008852,42.7605232 66.992459,42.5889834 66.992459,42.4154756 C66.992459,42.136111 67.0143032,41.8618485 67.0563765,41.5943027 L53.0457387,35.5403234 C52.1175592,36.5276077 50.7995477,37.1441636 49.3375318,37.1441636 C49.1802996,37.1441636 49.024733,37.1370326 48.8711376,37.1230764 L36.7356183,56.1217499 L36.7356183,56.1217499 Z M61.8026432,9.44758743 L52.6088437,0.253787975 L31.14363,21.7190017 L46.058675,28.1637742 C46.9442653,27.4168722 48.0883325,26.9667486 49.3375318,26.9667486 C49.7458506,26.9667486 50.1429371,27.01484 50.5234361,27.1056676 L61.8026432,9.44758743 L61.8026432,9.44758743 Z M19.726638,75.3193696 L14.5549674,70.147699 L26.2977341,65.0320382 L19.726638,75.3193696 L19.726638,75.3193696 Z M106.520964,54.2894548 L106.582737,54.2276817 L89.7461847,37.391129 L78.6254131,42.2358216 L106.520964,54.2894548 L106.520964,54.2894548 Z M106.520964,54.2894548" id="path-1"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file