implement header component (#15)

* implement header component * make header more configurable * remove yarn.lock from .gitignore * pass only backgroundImageUrl instead of the whole style object
21-23 · Sep 22, 2017 · 41648ba · 41648ba
1 parent b7a8087
commit 41648ba
Show file tree

Hide file tree

Showing 9 changed files with 193 additions and 26 deletions.
diff --git a/.storybook/addons.js b/.storybook/addons.js
@@ -0,0 +1 @@
+import '@storybook/addon-knobs/register'
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -1,5 +1,6 @@
 import { h } from 'preact';
 import { configure, addDecorator } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
 
 import { Layout } from '../src/components/Layout';
 
@@ -8,6 +9,7 @@ addDecorator(story => (
         { story() }
     </Layout>
 ));
+addDecorator(withKnobs);
 
 function loadStories() {
     require('./stories');

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
diff --git a/.storybook/stories.js b/.storybook/stories.js
@@ -0,0 +1 @@
+require('../src/components/Header/Header.story');
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,9 +21,11 @@
   },
   "homepage": "https://github.com/21-23/cssqd-ui#readme",
   "dependencies": {
-    "preact": "^8.2.5"
+    "preact": "^8.2.5",
+    "react-fontawesome": "^1.6.1"
   },
   "devDependencies": {
+    "@storybook/addon-knobs": "^3.2.8",
     "@storybook/react": "^3.2.8",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",

diff --git a/src/assets/images/header-bg.png b/src/assets/images/header-bg.png