implement header component

21-23 · Sep 20, 2017 · 8a04ed1 · 8a04ed1
1 parent ad9bbc3
commit 8a04ed1
Show file tree

Hide file tree

Showing 9 changed files with 190 additions and 26 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@ node_modules
 npm-debug.log
 .idea/
 .DS_Store
+yarn.lock
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('../src/components/Header/Header.story')

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/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